更改页面后没有处理list.pagination.js的jquery脚本

时间:2014-09-10 15:28:18

标签: jquery

<div id='listId'>
<ul class='list'>
<li class='add_to_email' email='a@gmail.com'>a@gmail.com</li>
<li class='add_to_email' email='b@gmail.com'>b@gmail.com</li>
<li class='add_to_email' email='c@gmail.com'>c@gmail.com</li>
<li class='add_to_email' email='d@gmail.com'>d@gmail.com</li>
<li class='add_to_email' email='e@gmail.com'>e@gmail.com</li>
</ul>
<ul class='pagination'></ul>
</div>
<input type='text' id='show_what_was_clicked'>
<script>
$( document ).ready(function() {
    var options = {
        valueNames: [ 'email' ],
        page: 3,
        plugins: [
            ListPagination({})
        ]
    };
    var listObj = new List('listId', options);

    $(".add_to_email").click(function(){
        $("#show_what_was_clicked").val($(this).attr("email"));
    });
});
</script>

http://jsfiddle.net/2tkwr5mz/2/

在list.js中加载一个列表,切换到第2页后无法触发click事件。如果我回到第1页,它仍然会触发。 (单击时显示电子邮件,但仅在第1页上显示。)

1 个答案:

答案 0 :(得分:0)

只需点击即可使用。

$("#expand_group").click(function(){