显示单击菜单项

Question

我有以下下拉菜单;

                <ul class="dd-menu">
                <li>
                    <a href="#"><span><img src="{{STATIC_URL}}img/crm/1.png"></span>1</a>
                </li>
                <li>
                    <a href="#"><span><img src="{{STATIC_URL}}img/crm/2.png"></span>2</a>
                </li></ul>

我通过写

获得所选文本

menuApp = Backbone.View.extend({
el: $('nav, #header-middle' ),
events: {
    'click .dd-menu li a': 'optionChange'
},
optionChange: function(e) {
   console.log(e.currentTarget);
}});

当我点击该项目时，有人可以帮助我在下拉菜单中显示/更改所选项目（1或2）吗？

由于

Answer 1

最简单的方法是使用特殊事件。

在您的路线中添加以下内容：

index: function() {
    Backbone.trigger('route:index');
}

在你的观点中你应该听听那个事件：

initialize: fucntion() {
    this.listenTo(Backbone, 'router:index', function() {
      console.log('index page was selected');
});