2

含まれているdivを非表示にするボタンを作成しようとしています。このdivのコンテンツ（ボタンを含む）は、ページの表示中に何度か破棄および再作成される可能性が高いため、ボタンをターゲットにするには、「イベント委任」を使用することをお勧めします。ボタンが破棄されて再作成された後、ボタン自体で実際に呼び出される関数は失敗するためです。

私が使用するように提案された構文は次のとおりです。

$('#container').on('click', '#button', function() {
  $('#div').fadeOut();
});

何らかの理由で、これは機能していません。私はこのjsfiddleを作成しましたが、どちらも機能していません。私は何が間違っているのですか？ありがとう！

編集：さて、どうやら私はばかげていて、jsfiddleを正しく使用していませんでした。jQueryを使用するように構成すると、正常に機能しますが、このメソッドは実際のコードでは機能しません。

HTML：

<div class="cycle-slideshow" id="slideshow">
  <div class="cycle-overlay custom" id="info">
    <img src="close_pane.png" class="fadein close_pane button">
  </div>
</div>

jQuery：

$('#slideshow').on('click', '.close_button', function() {
  $('#info').fadeOut('slow');
});

これは私には機能的に同じように見えますが、機能していません。なぜですか？

4

2 に答える 2

4

クラスの要素が含まれていないよう.close_paneですHTML

$('#slideshow').on('click', '.close_button',

察するに

$('#slideshow').on('click', '.close_pane',
于 2012-11-21T22:27:57.523 に答える
3

それはすべて良いです：http：//jsfiddle.net/pulkitm/QgGsP/4/

左側のパネルでjqueryフレームワークを選択できませんでした。

コードは正常に機能します。

$(function() {
    $('#outer').on('click', '#close', function() {
        $('#inner').fadeOut();
    });
});​
于 2012-11-21T21:54:45.693 に答える