javascript - 使用主干js的动态HTML渲染在点击事件后不替换原始内容

Question

我正在学习 backbone js，最近遇到了动态 html 渲染的问题。我有两个选项卡，当我单击每个选项卡时，下面的 html 必须更改。我无法更改 html。我在基于 Backbone js 模型的 html 代码中给出了一个 if/else 条件。我想我必须调用渲染函数，对吗？

还有其他方法吗？此外，我的 find 函数正在迭代并根据数组打印 hello 5,6 次。但它不应该只找到状态对象吗？提前致谢。

选项卡1 选项卡2 <% _.find(tab1, 函数(元素){ 如果(元素。状态!=“事件”){％> 你好 <% }其他{ 你好 <% } }) %>

Answer 1

您可以将更改事件绑定(bind)到您的模型，以负责每次调用渲染函数。

即。

this.model.bind("change:tab", this.render);

此外，您的示例中的 find 函数只是用作每个循环，因为您没有返回匹配项，因此如果没有看到数据进入，就很难找出问题的原因。

您需要返回条件才能正确使用 _.each 函数。

例如

var activeTab = _.find(tabs, function(item){ return item.state === "active"; });

更合适的下划线方法是 findWhere，它的工作方式如下

var activeTab = _.findWhere(tabs, { state : "active"});