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",
},
我猜想此问题是由于浏览器兼容问题,但是我对这方面不是太了解,希望大神指教!