jquery - Jquery add Clickイベントの問題

Question

私はJqueryの初心者で、次の問題について助けが必要です:

Click Function を既存の li 要素 (同じクラス名を共有) に追加しようとしていますが、まだ成功していません。

私のhtmlは次のとおりです。

<div class="ol_results" style=" display: inherit; width: 100%; top: 276px; left: 175px;">
<ul>
<li class="myorders">
<span id="Orderid" class="orderDetails">1</span>
<span id="orderDate" class="orderDetails">2012/12/20</span>
<span id="DispatchDate" class="orderDetails">Dispatched</span>
</li>
</ul>
</div>

私のJqueryは次のとおりです。

$('.myorders').live('click', function () { alert("Clicked!") });

私は何を逃したのですか？

どんな助けでもいただければ幸いです。

Answer 1

live（）の代わりにbindを使用する

$('.myorders').bind('click', function () { 
  alert("Clicked!") 
});

Answer 2

jquery 1.9を使用している場合...live()削除されます..so使用on

 $('.ol_results').on('click','.myorders', function () { alert("Clicked!") });    

または、<li>動的に追加されていない場合は、直接呼び出すことができます。

$('.myorders').click(function(){alert("Clicked!")});

Answer 3

最新バージョンでは on() の代わりに live() を利用する

$('.myorders').on('click', function () { 
     alert("Clicked!") 
});