当图标在按钮上时，Jquery’click’不会触发

我使用Bootstrap和jQuery 。 我有三个按钮，每个按钮都有一个图标。 当我将一个click -event绑定到一个按钮时，它会在我单击按钮（在边缘上）时起作用，但是当我点击它的中间时，它不会在图标上…

我的代码如下所示：

 
    ... 
 ... $('button.btn_change_status').on('click', function(e) { alert(e.target.id); return false; }); 

我如何将我的btn_change_status包装的所有元素绑定到click事件？

Answer 1

根据文档 ，您需要不同的语法：

 $('body').on('click', 'button.btn_change_status', function(e) { alert(e.target.id); return false; }); 

Answer 2

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

 .icon-eye-open { pointer-events:none; } 

MDN有关指针事件的信息

Answer 3

对.on（）使用以下语法

 $(document).on('click','btn_change_status', function(e) { //write your code here });