4

我使用BootstrapjQuery。我有三个按钮,每个按钮都有一个图标。当我将click-event 绑定到按钮时,当我单击按钮(在边缘)时它会起作用,但当我单击它的中间时,它不会在图标上......

我的代码如下所示:

<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到点击事件?

4

3 回答 3

10

使用以下内容更新您的 CSS。我假设您的图标上不需要鼠标事件。

.icon-eye-open {

    pointer-events:none;
}

MDN 关于指针事件的信息

于 2013-06-13T11:08:34.027 回答
2

根据文档,您需要不同的语法:

$('body').on('click', 'button.btn_change_status', function(e) {
   alert(e.target.id);
   return false;
});
于 2013-06-13T10:56:15.243 回答
1

对.on()使用以下语法

$(document).on('click','btn_change_status', function(e) {
   //write your code here
});
于 2013-06-13T10:56:02.180 回答