私のイベントが両方の加入者に対してトリガーされないのはなぜですか？

Question

私は改ページプラグインを書き直しました。明示的なIDを使用してプラグインにバインドすると完全に動作します。ただし、クラス名を使用してプラグインをバインドすると、「選択されたページ」イベントは1つの要素に対してのみトリガーされます。

だから、私の質問は...

しないのはなぜ両方の要素のためのトリガー火？

トリガーは2回発生しますが、バインドは2回実行されません。これは、コンソールが1回だけ作成されるため、明らかです。

CODEは、次の場所にあります。
The JS Fiddle

問題のあるエリアである：

<script type="text/javascript"> 
    $(document).ready(function() { 

     var pageSize = 5; 
     $('.grid-bar-pager').pagination({ 
      itemsPerPage: pageSize, 
      numberDisplayEntries: 10, 
      numEdgeEntries: 2, 
      maxEntries: 10 
     }); 

     $('.grid-bar-pager').data('pagination').bind("pageSelected", function (event, args) { 
      console.log("pageSelected"); // <--- THIS ONLY FIRES once? 
     }); 
    }); 
</script> 

Answer 1

私は今の問題を参照してください。あなたは、このようにイベントハンドラをバインドしている：

$('.grid-bar-pager').data('pagination').bind(...); 

.data()への呼び出しのみ最初に一致した要素のコントローラオブジェクトを返します。

$('.grid-bar-pager').each(function() { 
    $(this).data('pagination').bind(...); 
});