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()已删除..请使用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!") 
});

Jquery添加Click事件困难

3 个答案: