如何为外部 js 插件提供 this.$el 参考

Question

我有一个名为bars.js的js文件。此 javascript 文件包含用于显示页面外部结构的代码。所以当我做 $（'#mainContainer'）.drawBar（）;（drawBar（） 是 Bars.js 中的一个函数），它将绘制我页面的外部结构。现在，我正在使用骨干网.js。在应用程序中.js我调用 $（'#mainContainer'）.drawBar（）;

所以drawBar（）函数有<table><tr class='rows_table'><td> ABC</td><td>DEF</td></tr></table>（这段代码驻留在栏中.js）

所以这将附加到我的"主容器"中。

所以现在，我的问题是，从应用程序中.js我无法引用以下元素：this.$（'.rows_table'）.css（"display"，"block"）;

而是我必须称呼它$（'.rows_table'）.css（"display"，"block"）;.有没有办法把这个栏.js代码带到"this.$"参考中？

我可以这样称呼它.$（'.rows_table'）吗？

Answer 1

您从中调用this.$('.rows_table')的视图应该负责该元素。

每个主干视图都有一个它负责的 DOM 元素。如果未设置元素，则它只是视图正在创建的空<div>。

您可以在创建视图时通过设置 el 元素来设置元素。

您需要引用表元素，然后：

var tableElement = $('table')[0]; // or get the reference in a way specific to your code
var myView = new Backbone.View({
    el : tableElement
});

现在，您可以从视图的方法中调用this.$('.rows_table')。

Answer 2

this是一个Backbone.View实例？？如果是这样，您应该使用 this.$el.find(".rows_table") 而不是this.$(".rows_table")