0

ページネーション ページがあります。最初は、データとページネーション リンクがサーバーから生成され、ビューに表示されます。ドロップダウン リストがあります。次回ドロップダウン リストが変更されるたびに、データとページネーション リンクを変更したいjquery、ajax、jsonでページをロードせずに変更しました。データとリンクを正常に変更しました。最初のサーバーリターンに従ってページネーションリンクを作成しました。しかし、今回はul>li>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がクリックされたときにトリガーしたいのです。私はこれに腹を立てようとしています.どうすればこのplzを解決できますか? ありがとう。

4

1 に答える 1

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.");
    });
于 2013-06-26T08:01:05.113 に答える