Question

我有这样的HTML：

<div id="bangunan-light-pagination" class="pagination" >
<ul>
<li><a href="#page-1" class="page-link prev">Prev</a></li>
<li><a href="#page-1" class="page-link">1</a></li>
<li class="active"><span class="current">2</span></li>
<li class="active"><span class="current next">Next</span></li>
</ul>
</div>

和Jquery这样（ jquery-1.7.2.min.js ）：

$("#bangunan-light-pagination .page-link").live('click',function(){
alert('This is Me');
});

我已经过测试了..但是Jquery没有运行。警报未显示。当我点击哪一个标签时，如何显示警告的正确语法？

为了知道ul标签是自动添加＆＃34; jquery分页＆＃34;。默认我的html脚本只填充：

<div id="bangunan-light-pagination" class="pagination"></div>

感谢。最诚挚的问候。

Answer 1

截至v 1.7，

.live()已弃用，自v 1.9起已删除。请改用.on()：

$("#bangunan-light-pagination").on('click', ".page-link", function(){
   alert('This is Me');
});

同样正如Marcel Gwerder所指出的那样，你想要将事件监听器委托给父母，所以请注意.page-link的位置：

$("#bangunan-light-pagination").on('click', ".page-link", function(){

而不是

$("#bangunan-light-pagination .page-link").on('click',function(){

FIDDLE

Answer 2

$("#bangunan-light-pagination").on('click', ".page-link", function(){
   alert('This is Me');
});

如何用div，ul，li和带jquery的标签选择一个类？

2 个答案: