滑动门按钮未正确单击答案

【问题标题】：Sliding doors buttons not clicking properly滑动门按钮未正确单击
【发布时间】：2015-10-23 15:30:41
【问题描述】：

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

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

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

当我单击最右侧时，它会起作用，它在跨度之外。但是当我点击跨度时，它没有

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

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

对此有何建议？

谢谢！

【问题讨论】：

【解决方案1】：

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

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

【讨论】：

【解决方案2】：

查看this fiddle。有用。它可能在 CSS 中。

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

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

【讨论】：