кнопка не вызывая правильную функцию

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

Я думаю, что ваш диапазон перекрывает кнопки из-за стиля как-то (?)

Видя, как ваш диапазон не имеет текстового содержания, и вы используете его для иконы, я предполагаю, что вы» re дает ему явные ширины и высоты, поэтому больше не делает его встроенным элементом. Возможно, некоторые стили марки или что-то в этом направлении заставляют класс значка немного сидеть над кнопкой в ​​этом случае.