Javascript 引导正在谋杀主干/木偶视图事件
主干视图事件块绑定完美和卓越,直到您对元素调用引导方法。假设您认为:Javascript 引导正在谋杀主干/木偶视图事件,javascript,backbone.js,twitter-bootstrap,marionette,Javascript,Backbone.js,Twitter Bootstrap,Marionette,主干视图事件块绑定完美和卓越,直到您对元素调用引导方法。假设您认为: events: { 'click .menu li.edit': '_doSomething' } 然后,您将有一个引导程序: $('.menu', this.$el).dropdown('toggle'); bootstrap.js中有一行: var $el = $(element).on('click.dropdown.data-api', this.toggle) …这将终止主干绑定事件 人们是如何处理这件事的?我
events: { 'click .menu li.edit': '_doSomething' }
然后,您将有一个引导程序:
$('.menu', this.$el).dropdown('toggle');
bootstrap.js中有一行:
var $el = $(element).on('click.dropdown.data-api', this.toggle)
…这将终止主干绑定事件
人们是如何处理这件事的?我更愿意继续以“骨干方式”做事。我不喜欢在应用程序“bootstap方式”和其他“主干方式”中处理某些事情。我喜欢连贯性
想法?事实上,我只想使用底层主干样式 例如,我的下拉菜单使用主干类,但不使用任何链接数据属性。在我看来,我触发了backbone.js应该做的样式更改
class App.Views.Articles.Index.Controls extends Backbone.Marionette.Layout
template: JST['articles/index/controls']
regions:
pager: '#pager'
ui:
search_text: '#search-text'
add_dropdown: '#add'
add_dropdown_menu: '#add-dropdown-menu'
events:
'click #search-button': 'doSearch'
'click #add': 'toggleAddDropDown'
toggleAddDropDown: (event) ->
event.stopPropagation()
if @ui.add_dropdown.hasClass('open')
@ui.add_dropdown_menu.fadeOut('fast')
@ui.add_dropdown.removeClass('open')
else
@ui.add_dropdown.addClass('open')
@ui.add_dropdown_menu.fadeIn('fast')
您能否提供一个完整的JSFIDLE或JSBin来重现问题?我已经一起使用主干和引导几十次了,从来没有遇到过这个问题。