jQueryセレクタと動的コンテンツ

Question

OK私は混乱しています。うまくいけば、誰かが私に何が欠けているか教えてください。

は、私が上のイベントやクラス名をクリックして聞くために使用していたクラスがあります.actionパネルボタンを

私は2つを使用している場合、私はjQueryのための単一のセレクタラインを取得しようとしていますが、それだけで働いています異なるもの：

私は、セレクタのためにこれを使用して火災のリンクがあります。上記の

// Only fires for content loaded initially with the page, 
// not on dynamic content 
$('.action-panel-button').on('click', function() { 
    console.log(a link fired); 
}); 

は、動的に追加されたコンテンツでは動作しません。だから私はそれを更新しました：

// Only fires for content loaded dynamically via ajax, 
// not on content originally loaded with the page 
$(document).on('click', '.action-panel-button', function() { 
    console.log(a link fired); 
}); 

私は2つ目の両方で動作するはずだと思いました。私は何が欠けていますか？

Answer 1

これは、デフォルトのコンテンツと動的に追加されたコンテンツの両方でうまくいきます。これが役立つかもしれません。

$("body").delegate("p", "click", function() { 
 
    $(this).after("<p>Another paragraph!</p>"); 
 
});

p { 
 
    background: yellow; 
 
    font-weight: bold; 
 
    cursor: pointer; 
 
    padding: 5px; 
 
    } 
 
    p.over { 
 
    background: #ccc; 
 
    } 
 
    span { 
 
    color: red; 
 
    }

<script src="https://code.jquery.com/jquery-1.10.2.js"></script> 
 
<p>Click me!</p> 
 
<span></span>