ie8 中带有 html5 元素的 jQuery 模板

Question

我可能要求太多了，但我正在尝试使用 html5 元素在 ie8 中运行 jQuery 模板。我正在使用 head.js 以便注册 html5 元素，我也尝试过 html5shiv 但没有成功。页面中还有其他 html5 元素可以正常工作，但如果我在模板中使用 html5 元素，jquery 模板系统将不返回任何内容。

这是我的模板之一的示例:

<aside>
    <script id="sidebar-template" type="text/x-jquery-tmpl">
        <section>
            <header>${name}</header>
            <section>
                {{each links}}
                <a href="${link}" class="${icon}">${name}</a>
                {{/each}}
            </section>
        </section>
    </script>
</aside>

如果我将 html5 元素更改为 div 并填充该模板在 ie8 中工作。我应该注意到这个模板适用于所有其他浏览器，这不足为奇......

我整理了一个 jsfiddle 来演示我的模板:http://jsfiddle.net/keegan3d/E6EbG/1/

有没有办法让这些 html5 元素在 ie8 中工作？

Answer 1

我自己也遇到过这个问题。当使用模板函数返回的 jQuery 对象作为 .html 的输入时，IE8 中的 html 5 元素会出现问题。例如:

$("#my_container").html($.tmpl("myTemplate", { items: items }));

尝试一些事情后，我发现了以下解决方法:

var htmlContent = $.tmpl("myTemplate", { items: items }).html();
//assuming we have one outer element, which is a div
htmlContent = "<div>" + htmlContent + "</div>";
$("#my_container").html(htmlContent);

我怀疑这是一个 jQuery 错误，与模板引擎没有特别的关系。