javascript - 引き戸のボタンが正しくクリックされない

Question

CSSスライドドアを使用していますが、イベントハンドラーをアタッチしようとすると、アンカー内のスパンが原因でトリガーされないようです。

上記のリンクと同じCSSがあり、「button」というクラスがあります。

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

右端をクリックすると、スパンの外側で動作します。しかし、スパンをクリックしても、クリックしません

私はこのようなイベントハンドラーを添付しています：

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

これについて何か提案はありますか？

ありがとうございました！

Answer 1

このフィドルをチェックしてください。できます。それはおそらくCSSにあります。

また、廃止されたため、「ライブ」を変更しました。

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

Answer 2

代わりにイベントリスナーをスパンに配置してください。

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