javascript - 滑动门按钮未正确单击

Question

我正在使用CSS 滑动门，当我尝试将事件处理程序附加到它时，由于锚点内的跨度，它似乎没有被触发。

我有与上面链接相同的 CSS，有一个名为“按钮”的类：

<a href="#" class="button"><span>Submit</span></a>

当我单击最右侧时，它可以工作，它在跨度之外。但是当我点击跨度时，它没有

我正在附加一个这样的事件处理程序：

$('.button').live('click', function(e){ 
    alert('click');
});

对此有什么建议吗？

谢谢！

Answer 1

看看这个小提琴。有用。它可能在 CSS 中。

此外，我更改了“live”，因为它已被弃用。

$('.button').on('click', function() {alert('click')});

Answer 2

只需将事件侦听器放在跨度上即可。

$('.button span').on('click', function(e){ 
    alert('click');
});