Question

我有一个分页页面。第一次，数据和分页链接从服务器生成并在我的视图中显示。我有一个下拉列表。每次下次我想要更改数据和分页链接更改下拉列表而不使用jquery，ajax，json加载页面。我已成功更改数据和链接。我已按照第一次服务器返回创建了分页链接。但这次我无法触发 ul＆gt ; li＆gt; a 元素。我不知道为什么!!!。但是相同的js2代码适用于服务器返回的分页。

Html：服务器返回

 <div class="pagination">
    <ul>
       <li class="disabled"><a >1</a></li>
       <li><a href="http://localhost:8070/poralekha/home/universities/5">2</a></li>
    </ul>  
 </div>

这很有效。

JS1：分页：

  var pagination=" ";
  pagination+="<ul >";

  for(var i=1; i<=data['varsities'].length ;i++)
    {
        pagination+="<li class='disabled'>";
        pagination+="<a href='#' class='page'  >";
        pagination+=i;
        pagination+="</a>";
        pagination+="</li>";

    }
   pagination+="</ul>";

  $('.pagination').html(pagination );

此处class ='page'用于在点击.page时获取i的值

Js2：两个分页都很常见

   $(".pagination > ul >li > a").click(function(event){
        event.preventDefault();
        alert("This index is clicked.");
    });

或

      $(".page").on('click', function(event){
          event.preventDefault();
          alert(" clicked.");
      });

简而言之，我想在单击.page时触发。我正好生气。我怎么能解决这个问题？感谢。

Answer 1

尝试使用on()方法代替click()：

    $(".pagination > ul >li > a").on('click', function(event){
        event.preventDefault();
        alert("This index is clicked.");
    });

对于旧版本的jQuery，请使用live()方法：

    $(".pagination > ul >li > a").live('click', function(event){
        event.preventDefault();
        alert("This index is clicked.");
    });

页面分页不起作用

1 个答案: