Javascript 如何为外部js插件提供this.$el引用
我有一个名为bar.js的js文件。此javascript文件包含显示页面外部结构的代码。因此,当我使用$('#maincainer').drabr()时;(drabr()是Bars.js中的一个函数)它将绘制我的页面的外部结构。现在,我正在使用backbone.js。在app.js中,我调用$('#maincainer').drabr() 因此,drabr()函数具有Javascript 如何为外部js插件提供this.$el引用,javascript,jquery,jquery-plugins,backbone.js,backbone-views,Javascript,Jquery,Jquery Plugins,Backbone.js,Backbone Views,我有一个名为bar.js的js文件。此javascript文件包含显示页面外部结构的代码。因此,当我使用$('#maincainer').drabr()时;(drabr()是Bars.js中的一个函数)它将绘制我的页面的外部结构。现在,我正在使用backbone.js。在app.js中,我调用$('#maincainer').drabr() 因此,drabr()函数具有ABCDEF(此代码位于bar.js中) 因此,这将附加到我的“mainContainer”中 现在,我的问题是,在app.js
ABCDEF
(此代码位于bar.js中)
因此,这将附加到我的“mainContainer”中
现在,我的问题是,在app.js中,我无法引用以下元素:
这个.$('.rows_table').css(“显示”、“块”)
我不得不称之为
$('.rows_table').css(“显示”、“块”);。有没有办法把这个bar.js代码放在“this.$”参考中
我可以称它为。$('.rows\u table')?
这是一个主干。查看实例??如果是这样,您应该使用this.$el.find(“.rows\u table”)
而不是this.$(“.rows\u table”)
从中调用this.$('.rows\u table')
的视图应该负责该元素
每个主干视图都有一个它负责的DOM元素。如果不设置元素,则它只是由视图创建的一个空的
通过设置el
元素,可以在创建视图时设置元素
您需要有一个对table元素的引用,然后:
var tableElement = $('table')[0]; // or get the reference in a way specific to your code
var myView = new Backbone.View({
el : tableElement
});
现在,您可以从视图的方法中调用this.$('.rows\u table')
。但是使用此函数,我将无法绑定事件。比如:事件:{'click.rows\u table':'this.updateTable'}我不确定这个问题。。也许你可以给我们看一些代码?嗯,这是this.$el.find(…)
的简写。所以这里我只是把这个视图作为一个容器来加载其中的Bar.js。此视图没有类或id。index.html有一个id为“mainContainer”的div,因此在app.js I do$(“#mainContainer”).drabr()中;这样,牵引杆()中的内容将加载到我的“mainContainer”中。那么,现在我应该如何使用“this”键从app.js中获取drabr()创建元素的内部元素呢?