Knockout 动态模板不会在 IE9 中加载

Question

演示：http://jsfiddle.net/bL7qatx1/

在 IE10+\Chrome\FF 中，上面的小提琴工作正常。但是，在 IE9 中，动态添加的模板不会加载到 div 中（脚本会加载到 DOM 中）。

var contentsElem = $('#contents');

var dynamicTemplateContents = '<div>This is the dynamic template...</div>';
var scriptElem = $('<script id="dynamic-template" type="text/html">');
scriptElem.html(dynamicTemplateContents);
$('body').append(scriptElem);

var vm = {
    template1: 'static-template',
    template2: 'dynamic-template',
};

ko.applyBindings(vm);

我找到了https://github.com/knockout/knockout/issues/777，这意味着它应该可以工作。但是，我的代码似乎有些不同。

脚本元素被添加到 DOM 中，但未绑定到 KO 中的 div。由于某种原因，这在 IE9 中不支持吗？有没有办法让它工作？

Answer 1

我刚刚发现我的代码有什么不同...

工作演示：http://jsfiddle.net/bL7qatx1/1/

显然...

var scriptElem = $('<script id="dynamic-template" type="text/html">');
scriptElem.html(dynamicTemplateContents);
$('body').append(scriptElem);

...与...不一样

$('body').append('<script type="text/html" id="dynamic-template">'+dynamicTemplateContents+'</' + 'script>');

... 在 IE9 上。不过不知道为什么。 （如果有人知道，我很想听听解释）