我使用 Bootstrap
和 jQuery
。我有三个按钮,每个按钮中都有一个图标。当我将 click
事件绑定(bind)到按钮时,当我单击按钮(在边缘)时它会起作用,但当我单击它的中间时,在图标上...
我的代码是这样的:
<div class="btn-group">
<button class="btn btn_change_status" id="134" rel="tooltip" data-original-title="Tooltip">
<i class="icon-eye-open"></i>
</button>
...
</div>
...
$('button.btn_change_status').on('click', function(e) {
alert(e.target.id);
return false;
});
我如何才能将我的 btn_change_status
包装的所有元素绑定(bind)到点击事件?
最佳答案
使用以下内容更新您的 CSS。我假设您的图标上不需要鼠标事件。
.icon-eye-open {
pointer-events:none;
}
关于javascript - 图标在按钮上时 Jquery 'click' 不触发,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17085257/