jquery - jquery添加点击事件困难

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

使用 bind 而不是 live()

$('.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

在最新版本中使用 live() 而不是 on()

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