Question

我的一个表格单元格具有以下内容：

 <td>
     <span onclick="deleteProductVariants()" class="icon icon-trash"></span>
     <button class="done" onclick="update_Attributes(this)">Done</button>
</td>

我的问题是，当我点击按钮时，它似乎仍然被调用deleteProductVariants()。我真的不知道为什么 - 以前有人遇到过这个吗？注意：它们都不是表格，因此可以提交或任何内容。只是怪异地调用了另一个函数。

Answer 1

这是JQuery示例....

<td>
     <span id="deleteProductVariants" class="icon icon-trash"></span>
     <button class="done" id="update_Attributes">Done</button>
</td>

$('document').ready(function(){
    $('#deleteProductVariants').click(function(){
        alert($(this));
    });
    $('#update_Attributes').click(function(){
        alert($(this));
    });
});

Answer 2

我的猜测是你的跨度与按钮重叠，因为某种样式（？）

看到你的跨度没有文本内容并且你将它用于图标，我假设你给它明确的宽度和高度，因此不再使它成为内联元素。在这种情况下，或许某些边距样式或某些东西会导致图标类略微位于按钮上。

按钮没有调用正确的功能

2 个答案: