Javascript IE 错误：意外调用方法或属性访问

Question

我有以下代码，它在除 IE 之外的所有版本中都可以正常工作（像往常一样）。它给了我一个对 Jquery 中方法或属性访问的意外调用，我不知道如何调试它。我一直在使用 IE 开发工具栏，它对这个错误没有用，只是给了我第 12 行（在 jquery 脚本内）。

非常感谢任何帮助：

<script type="text/javascript">
$(document).ready(function () {

    $.history.init(pageload);

    $('a[href=' + window.location.hash + ']').addClass('selected');

    $('a[rel=ajax]').click(function () {

        var hash = this.href;
        hash = hash.replace(/^.*#/, '');
        $.history.load(hash);

        $('a[rel=ajax]').removeClass('selected');
        $(this).addClass('selected');
        $('.loading').show();

        getPage();

        return false;
    });
});

function pageload(hash) {
    if (hash) getPage();
}

function getPage() {

    hash = document.location.hash;
    hash = hash.replace(/^.*#/, '');
    var data = 'page=' + encodeURIComponent(hash);
    $.ajax({
        url: "index.php",
        type: "POST",
        data: data,
        cache: false,
        success: function (html) {
            $('.loading').hide();
            $('tbody').html(html);

        }
    });
}
</script>

这是历史记录插件： http://plugins.jquery.com/project /history

这是我一直在关注的演示： http://plugins.jquery.com/project/history

仍在将 window.location 更改回document.location 似乎没有什么区别，

我对此迷失了。当我更改标签时，我调用的标签确实会发布，因此它可以工作，但在 IE 中，设计全部损坏，我点击的下一个链接不会发布。真的很奇怪！！在 firefox、opera 等中运行良好。

Answer 1

我对 IE 的抱怨感到有点惊讶，但它确实做了一件好事：您在 getPage 中缺少 hash 的声明（例如，将 var 在第一次使用前面）。

在其他情况下，它可能会创建一个隐式全局变量（window 对象的一个​​名为 hash 的属性），这当然是一个 hash。 niftysnippets.org/2008/03/horror-of-implicit-globals.html" rel="noreferrer">坏事(tm)，但据我了解，根据规范，它是正确的（相关部分是8.7 [“参考资料
Type"] 和 10.1.4 ["作用域链和标识符解析"])。

尽管如此，IE 仍然对此抱怨感到惊讶。它一定与 jQuery 调用您的单击处理程序的作用域有关。

Answer 2

如果在 IE 中使用 HTML5 元素时出现此错误，请确保使用 html5shim 告诉 IE 这些是真实元素。

Answer 3

它将是：

$('tbody').html(html);

当您尝试将某些内容放入某些节点时，IE 会抛出错误。例如，

$('<input>').append('</p>')

要解决此问题，请将 html 添加到不同的元素。例如，您可以尝试：

$('table').html('<tbody>' + html + '</tbody>');

Answer 4

我在 jQuery API 中找不到历史方法，所以我认为它是：

• 第三方插件。
• 间接调用旧的 window.history 对象。
• 您创建的自定义对象。

我的猜测是，IE（以通过使所有内容全球化而污染全局范围而闻名）认为任何对 history 的引用实际上都意味着 window.history 并且它变得混乱。如果它是自定义对象，请尝试将其重命名为 myHistory 或其他任何名称。

Answer 5

我认为克劳德先生说得有道理。据我从 jQuery 源代码得知，如果您返回的 HTML 片段不包含任何

您可能需要做的是将整个 包装在虚拟

中，然后从 HTML 片段重建整个内容。

Answer 6

我在使用 HTML5 元素的 Web 应用程序中遇到了这个问题。当我将 Modernizr 脚本包含到页面中时，问题就解决了。

Answer 7

我也有同样的问题。最初有一个选择列表被附加到其中。在此过程中，选择更改为输入字段。尝试将选项标签附加到输入字段似乎会让 IE 不高兴。

Answer 8

我现在也有同样的问题。在我看来，这种情况发生在不可见元素上。验证您的元素在调用 .html() 时是否可见。

Answer 9

您是否设置任何输入字段？

我遇到了同样的问题，循环访问值数组，但我已将文本框更改为输入。 Chrome 直接忽略它，但 IE 8 却爆炸了。

$("#someID").html("someValue") = 繁荣！在 IE 8 上，如果 someID 是一个输入

已经有 val 调用，但需要删除 html 调用。

$("#someID").val("someValue") = 好