带有 datePicker 的 jQuery AJAX 调用可以在除 IE 6、7 之外的任何地方工作答案

【问题标题】：jQuery AJAX call with datePicker working everywhere except IE 6, 7带有 datePicker 的 jQuery AJAX 调用可以在除 IE 6、7 之外的任何地方工作
【发布时间】：2011-02-25 00:25:18
【问题描述】：

我很难弄清楚为什么这段 jQuery 代码在 IE 6 或 7 中不起作用：

$("#date").datepicker({
        dateFormat: "mm-dd-yy",
        altFormat: "yy-mm-dd",
        altField: "#realdate",
        onSelect: function(dateText, inst) {
            $("#tcontainer").animate({"opacity" : 0}, 500, function() {
                $.post("index.php", {date: $("#realdate").val()}, function(data) {
                    data = $(data).find("#maintable");
                    $("#maintable").html(data);
                    $("#maintable tr:odd").addClass("alt");
                    $(".stripe tr").hover(function() {
                        $(this).addClass("trhover");
                    }, function() {
                        $(this).removeClass("trhover");
                    });
                    $("#tcontainer").animate({"opacity": 1}, 500);
                });
            });
        }
    });

我尝试用fadeIn/fadeOut 和show/hide 更改animate() 方法，但没有奏效。我试过根本不做任何动画，但没有奏效。

有没有人知道为什么这在 IE 6 和 7 中不起作用？它适用于其他任何地方。

谢谢！

【问题讨论】：

究竟是什么不工作？ ajax调用？？您是否尝试过 fiddler 以查看是否正在拨打电话？你有任何错误信息吗？
对不起，我应该指定的。正在返回数据（从我在 Firebug 和 Chrome 的检查器中看到的以及类似的东西），但它并没有像它应该的那样再次“显示自己”。没有错误信息。没试过fiddler，那是什么？
如果数据正在返回但未显示，可能是您的 css 有问题。 Multiplesight jquery 视频现在是免费的...（在接下来的几个小时内）查看 ajax 章节...他们还展示了如何使用 fiddler - pluralsight-training.net/microsoft/olt/Course/…

标签： jquery ajax jquery-ui datepicker

【解决方案1】：

我只想让大家知道我解决了 IE 6 和 7 中发生的问题，并希望与大家分享解决方案。这是导致问题的两行 - data = $(data).find("#maintable");和 $("#maintable").html(data);发生的事情是我认为我正在将 AJAX 请求中的新数据替换到表中，同时替换整个表本身。真正发生的是上面的代码将#maintable 放在现有的#maintable 中，所以实际上有两个表。我原以为通过执行上面的代码，它只会覆盖那里的表格以及新数据，但事实并非如此。我创建了一个 id 为 adminarea（或类似的东西）的 div，并将这两行修改为如下所示：

data = $(data).find("#maintable");
$("#adminarea").html(data);

我希望这对可能遇到相同问题的人有所帮助。再次感谢所有帮助过的人！

【讨论】：