javascript - HTML5 shiv 和附加到正文的元素的问题

Question

我在让 html 5 处理添加到 IE 正文中的元素时遇到问题。我正在使用 Modernizr 中包含的 HTML 5 shiv但任何其他 HTML 5 库都存在同样的问题。

它适用于除直接添加到正文的 HTML 5 元素之外的任何元素，这会给出相同的错误消息，就好像我在没有 shiv 的情况下使用 jQuery(意外调用方法或属性访问) .这是一个在 IE (7, 8) 中加载了 Modernizr 或 html5.js 的破坏性示例:

$(document).ready(function() 
{
    $('body').append('<nav class="test"></nav>');
    $('.test').html("Testing HTML 5");
});

知道为什么会发生这种情况吗？

Answer 1

Joe Bartlett 在 this 中解决了您的问题文章。他解释了问题并展示了解决方案 (HTML5 innerShiv)。

IE8 及以下版本的解决方案是插入他的 script而不是将所有 html5 内容包装在 innerShiv(...) 中，然后再将其插入 dom

$("body").append(innerShiv("<nav class=\"test\"></nav>"));