所以我遇到了这个问题,我有一个下拉菜单,然后我使用 dropkick.js 创建它。 (我刚刚学习 dropkick.js 所以我现在认为我误解了一些东西。)
问题
当我像这样绑定(bind)更改事件时
$('.pizza_size').on('change', 'select[name=pizza_size]', function() {
alert(this.value);
});
警报被调用两次。
我最初的问题是选择下拉列表是动态更改的,因此 $(".default").dropkick();
不再适用,所以我在上面创建了这个动态选择器。 (如果有比这更好的动态绑定(bind)调用的方法,请告诉我们!:D)
有用信息:(基于我的一些调试)
- 最初的html/脚本是这样的fiddle here它创建了两个下拉菜单,(尽管它们似乎不相关)我用代码
<select>...</select>
创建的一个dropkick.js 使用class=dk_container dk_theme_default
创建类(class)。所以我评论了这个html以避免这种情况(在第一个 fiddle 中),但它似乎仍然存在2个选择下拉菜单!
最佳答案
我想我发现了问题:
在 dropkick.js 插件中,您选择触发了两次。 在您的插件中搜索这些行
$select.trigger('change');
$select.val(value).trigger('change');
在这里评论第一行
$select.trigger('change'); // comment this line in your dropkick.js file
并尝试。 “警报被叫了两次。”这将被修复。
关于javascript - jquery 事件被调用两次 - dropkick.js,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25521674/