2013-12-10 33 views
0

我想为ace:dataTable分页器中的页面添加一个点击事件监听器。jquery onclick监听器在ace上的锚点类:dataTable分页器

Paginator看起来像这样。

<span id="yui-pg0-0-pages" class="ui-paginator-pages"> 
    <span class="ui-paginator-page ui-state-default ui-corner-all ui-paginator-current-page ui-state-active">1</span> 
     <a page="2" class="ui-paginator-page ui-state-default ui-corner-all" href="#">2</a> 
     <a page="3" class="ui-paginator-page ui-state-default ui-corner-all" href="#">3</a> 
     <a page="4" class="ui-paginator-page ui-state-default ui-corner-all" href="#">4</a> 
     <a page="5" class="ui-paginator-page ui-state-default ui-corner-all" href="#">5</a> 
     <a page="6" class="ui-paginator-page ui-state-default ui-corner-all" href="#">6</a> 
</span> 

我尝试添加点击侦听器类 UI的分页程序页面。这只是第一次发射。 我在(),live()和click()上使用了jQuery。 所有这些都只射击一次。 我希望每次用户点击类ui-paginator-page时都会触发它。 我该怎么做。

这里是ace:dataTable演示。 http://icefaces-showcase.icesoft.org/showcase.jsf?grp=aceMenu&exp=dataExporterBean

谢谢!

回答

0

http://fiddle.jshell.net/prollygeek/txS7a/

$("#yui-pg0-0-pages .ui-paginator-page").on("click",function(){alert("hi")}) 

一定有什么不对别的地方!

+0

我想你的代码。它只发射一次。 – sura2k

+0

哦问题是href,你应该删除它! – ProllyGeek

+0

有没有其他的办法可以做到这一点,而无需删除href?此代码由ICEFaces库生成。所以删除它可能会被修改。 – sura2k

0

试试这个

$(document).ready(function(){ 
$(document).on('click','.ui-paginator-pages > a.ui-state-default',function(e) 
{ 
alert(e.value); 
}); 
}); 
+0

它根本不起火。 – sura2k

+0

现在试试我更新了我错过的答案。在班级名称 –

+0

它仍然不会着火。 – sura2k