javascript - Backbone.js 内联模板在 Opera 中不起作用

Question

我创建了一个使用内联模板的backbone.js应用程序，示例如下:

<script type="text/html" id="header-template">
<div class='header'>
<strong><%= name %></strong>
</div>
</script>

然后在 View 中:

template = _.template($("#header-template").html());

在 Opera 中，由于 $("#header-template").html() 返回 null，因此会引发错误。有谁知道如何解决这个问题吗？

谢谢

更新:

我在控制台中遇到的错误是未处理的错误:“App.view.header”不是构造函数。当我将 underscore.js 和backbone.js 更新到最新版本时，我也在 Chrome 中收到此错误。

标题定义如下:

App.view.header = App.view.header || {} 

App.view.header = Backbone.View.extend({
...
});

并在路由器中呈现如下:

$('header').html( new App.view.header().render().el);

另一更新

我创建了一个小型的backbone.js应用程序，它也有同样的问题:

http://goo.gl/KoOvq

Answer 1

您可以将模板包装在函数中并仅在需要时调用它。

我更喜欢这种方式，因为如果您开始将模板放入另一个文件中，它们只会在需要时加载，就像您现在所做的那样，它们在应用程序启动时加载。

template = function(variables){ return _.template(template, variables) }