これは、見やすくするために記録、学習問題の時に知っているされていません
行くhttps://www.cnblogs.com/mr-wuxiansheng/p/7136864.htmlを
//次のページのクリックイベントのバインド $( "A [アリアラベル= '次へ']")。クリックして(関数(){ $( "A [アリアラベル= '前']")。ショー( ) 。IF(page.pageNo page.totalPage == - 1){ $( "A [アリアラベル= '次へ']")非表示();. }他{ $(「A [アリアラベル=「次へ「] ")ショー();. } page.pageNo ++; page.pageSet(BindData、ページ); }); // .click上記()イベントをクリックしてバインドするには、次の$(文書).on("クリック「」ページ付けのLi:GTは( 0)ではない(:最後)」関数(){}); 違いは、ということである: //は、それが動的である場合.clickのみ、既存のページ要素にクリックイベントをバインド新しい要素を生成し、何のイベントはありません //$(文書).on(「クリック 」、「 指定された要素」、機能(){}) ; 、ドキュメントにバインドされたメソッド指定されたイベントを吸引し
、彼らが指定された要素を満たしている場合、エレメントは//新しく生成されました、
//それは、このイベントがトリガーする //動的に生成されたボタンをクリックしてイベントページ番号を追加 $(文書).on( "をクリックし 、機能()、" "::ありません(最後の)ページネーション李:. GT(0)" { page.pageNo = $(この)の.text(); 。$( "A [アリアラベル= '前']")を表示(); $( "A [アリアラベル= '次へ']")。ショー(); IF(page.pageNo ==」1" ){ $( "A [アリアラベル= '前']")非表示();. } IF(page.pageNo == page.totalPage){ $ ( "[ARIAラベル= '次へ']")非表示(); } page.pageSet(bindData、ページ)。 });
結論:
差; $以下.click()とバインドクリックイベント上記(文書).on(関数 (){}、 "クリック" "最後)のページ区切りの李:GT(0)::ありません(") それは:
それは動的に新しい要素を生成する場合(1).clickは、既存のページ要素のクリックイベントにバインドすること、のイベントがないだけ
(2)と$(文書).on(「クリック 」、 " 指定されました要素」、関数(){}) ; それらは指定された要素を満たしていれば、イベントバインディング文書で指定された方法を吸引し、要素が新たに生成され、それはこのイベントをトリガーします