javascript - 显示点击菜单项

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

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

在您的 route 添加以下内容:

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

在你的 View 中你应该监听该事件:

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