jquery - live の代わりに on を使用して、リンクのクリック時に特定の ID を持つ div を非表示にする

Question

の代わりにid#op-fourを使用して div を非表示にしようとしていますonlive

$("#one").on("click", function() {
    $("#op-four").hide();
});​

フィドルhttp://jsfiddle.net/ythSA/しかし、それは動作しません

Answer 1

コードをreadyハンドラーの外に配置しました。中に移動すると正常に動作します。

http://jsfiddle.net/ythSA/2/

#oneハンドラーを実際に存在する前にアタッチしようとしていました。

Answer 2

試してみてください：

$('.links-holder').on('click','#one',function() {
   $("#op-four").hide();
});

この.onメソッドの使用は、現在非推奨となっている に取って代わり.live()ます。

$( document /or/ 'parent_el').on( 'some_event' , 'delegated_element', function(){

詳細: http://api.jquery.com/on