问题描述

google chrome 浏览器事件处理

google chrome 浏览器的click 事件的处理

• Html 代码如下

    <div class="form-group">
      <div class="col-sm-12">
        <p  class="text-muted">请选择
        <select id="firstLevel" name="firstLevel" size="1" class="form-control">
                    <option>name 1</option>
                    <option>name 2</option>
                </select>
        </p>
      </div>
    </div>

• js 定义事件如下

        events: {
            "click [name='firstLevel']": "settingSecondLevel",
        },

要完成的功能为：
1. 需要做一个二级菜单，现菜单已经完成
2. 点击一级菜单，二级菜单会发生相应的变化

遇到的问题：
1. 按照以上事件定义的方法，在Firefox 浏览器中，点击事件使用是没有问题的，但在chrome浏览器中需要点击一级菜单两次才能完成二级菜单的切换。
2. 事件定义方法如下，在两个浏览器中均可使用：

        events: {
            "change #firstLevel": "settingSecondLevel",
        },

---

我猜想此问题是由于浏览器兼容问题，但是我对这方面不是太了解，希望大神指教！

解决方案

此问题发生的原因是： chrome浏览器不识别 [name='firstLevel'] 这种属性选择器