滑动门按钮没有正确点击

Question

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

我和上面的链接有相同的CSS，有一个名为'button'的类：

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

当我点击最右侧时，它会起作用，它位于跨度之外。但是当我点击跨度时，它不会

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

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

对此有何建议？

谢谢！

Answer 1

只需将事件监听器放在跨度上。

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

Answer 2

结帐this fiddle。有用。 它可能在CSS中。

另外，我改变了“直播”，因为它已被弃用。

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