Как сделать span полностью кликабельным?

Я хотел бы сделать промежуток полностью кликабельным.

<span><a href="#" title="Remove" id="159" class="remove">159</a><input type="hidden" name="t[1][p][]" value="159"></span>

промежутку присваивается фоновое изображение, которое перемещается вправо. Изображение является знаком плюс, который в основном будет служить для указания записи могут быть перемещены в другой div.

вместо того, чтобы иметь ссылку и изображение, оба кликабельные, возможно ли просто иметь весь промежуток действия как якорь?

щелчок должен быть обнаружен jQuery.

9
anchor jquery

5 ответов

сделайте уровень якорного блока (т. е. дисплей: блок), и он заполнит промежуток, предполагая, что сам ваш промежуток имеет определенный размер (в противном случае он просто обернет якорь, и они оба будут одинакового размера)

7

HTML-код:

<span id="myspan">....</span>

сценарий:

$("#myspan").click(function(){
    alert('I got a click');
});
9

$("a.remove").closest("span").click(function(){alert('Test');}); будет делать.

кстати, это не очень хорошая идея, чтобы установить id только числовое значение. (У вас есть id на a элемент установлен в "159"). Это делает вашу разметку недействительной, так как любой идентификатор должен начинаться с латинского символа, за которым следуют символы, цифры, тире и т. д.

3
$('a.remove').closest('span').click(function(){
    $('a.remove', this).trigger('click');
})

Это также вызовет событие click ссылки.

2

http://jsfiddle.net/mDLwZ/1/

Я думаю, что есть проблема с тем, что, когда вы нажимаете span, он щелкает href внутри по какой-то причине, вот небольшая работа.

0