显示单击菜单项

Show click menu item

本文关键字：菜单项 单击 显示      更新时间：2023-09-26

我有以下下拉菜单；

                <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）吗？

感谢

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

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

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

在你的视野中，你应该倾听这个事件：

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