jQuery イベント バインディング on() とポップアップ ウィンドウの実装 code_jquery

多くの場合、ページ上には動的に生成されるポップアップ ウィンドウがあり、動的に生成されるポップアップ ウィンドウの場合は、必要に応じて一部のポップアップ ウィンドウが非表示になります。ポップアップ ウィンドウのイベントを監視するには、jQuery イベント バインディング on() メソッドが実装されています。

図に示すように、ポップアップ ウィンドウは js によって動的に生成されます。ポップアップ ウィンドウ内の「今すぐ使用」リンクをクリックすると、ポップアップが閉じられます。 - ウィンドウを上に移動し、アンカーポイントにジャンプします。

これはタグです:

コードをコピーします コードは次のとおりです:

794343b257516a3c9078857aaa160a70今すぐ使用5db79b134e9f6b82c0b36e0489ee08ed

ポップアップ ウィンドウのクリック イベントを監視する必要がありますが、ポップアップ ウィンドウ自体は動的に生成されるため、本体を監視し、ポップアップ時に on() イベントを通じてバインドする必要があります。ウィンドウは動的に生成され、クリック方法を監視できます:

function jump_to_anchor() {
  $("body").on("click", "span[name='msgbox_info'] a, .act-pop-table a", function (e) {
    link = $(this).attr('href');
    if (link == 'http://act.vip.***.com/vip/2016/51dps/#gamelist') {
      e.preventDefault();
      msgExit();
      window.location.href = link;
    }
  });
}

これは実際には 2 つの a タグを持つイベント バインディングで、リンクが特定の URL の場合、デフォルトの動作がブロックされ、アンカー ポイントであるリンクにジャンプするためにポップアップ ウィンドウを閉じるメソッドが呼び出されます。 。