JQueryをクリックします。追加要素がドロップダウンでは機能しません。

Question

内容を空にして新しい要素を追加した後でもドロップダウンメニューが正常に機能しなくなりました。

ここで私は（一番上に5から異なった壁紙を選択し、その後、最初に壁紙の解像度を選択してみてくださいし、再試行してください）とのトラブルを抱えていますページです：$で http://www.nba.com/warriors/wallpapertest_020.html

（ドキュメント）.readyは、私が持っている：

 $(".dropdown dd ul li a").click(function() { 
      var text = $(this).html(); 
      $(".dropdown dt a span").html(text); 
      $(".dropdown dd ul").hide(); 
     }); 

これは細かい最初の頃の作品が、私はドロップダウンリストの内容を変更した場合、それは動作を停止します。新しい追加を認識するために.ready（）関数を呼び出す方法はありますか？これを行うより良い方法は？

私もそうのような）（デリゲートを試してみましたが、それは完全に機能してからそれを停止します。

 $(".dropdown dd ul li").delegate('a', 'click', function() { 
      var text = $(this).html(); 
      $(".dropdown dt a span").html(text); 
      $(".dropdown dd ul").hide(); 
     }); 

どのような援助が大幅にいただければ幸いです:)

Answer 1

on()

$(".dropdown dd ul li a").on('click', function() { 
      var text = $(this).html(); 
      $(".dropdown dt a span").html(text); 
      $(".dropdown dd ul").hide(); 
     });