Question

我正在尝试学习Web开发，我写了一个简单的HTML代码，如

<div class="r" id="header-status">
     <a href="#" class="trigger" style="display: block; padding: 10px;">
        <span>
            <img src="{{STATIC_URL}}img/online.png">
        </span>
        &nbsp;ONLINE
        <span class="icon-down-dir">
        </span>
      </a>
      <ul class="dd-menu">
          <li>
             <a href="#"><span><img src="{{STATIC_URL}}img/away.png"></span>&nbsp;AWAY</a>
          </li>
          <li>
              <a href="#">
                 <span>
                    <img src="{{STATIC_URL}}img/offline.png">
                 </span>&nbsp;OFFLINE
              </a>
          </li>
      </ul>
</div>

现在我正在尝试编写一个javascript代码，我使用Backbone来获取我在下拉列表中选择的内容。我的意思是当我点击＆＃34;离开＆＃34;，我想写＃34;离开＆＃34;在下拉列表中。

Answer 1

最简单的解决方案是为click事件创建一个监听器。可以这样做：

您的观点：

// ...
View1.prototype.events = {
  "click .item": "menuClick"
};

View1.prototype.menuClick = function() {
  Backbone.trigger('menuItemSelected');
};

点击事件上的消费者（另一个视图）：

View2.prototype.initialize = function() {
  this.listenTo(Backbone, 'menuItemSelected', this.selectMenuItem);
};


View2.prototype.selectMenuItem = function() {
  console.log('item selected');
}

显示所选项目

1 个答案: