ホームページ > ウェブフロントエンド > jsチュートリアル > jQuery イベント バインディング on() とポップアップ ウィンドウの実装 code_jquery

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

WBOY
リリース: 2016-05-16 15:03:07
オリジナル
1278 人が閲覧しました

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

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

これはタグです:

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

ポップアップ ウィンドウのクリック イベントを監視する必要がありますが、ポップアップ ウィンドウ自体は動的に生成されるため、本体を監視し、ポップアップ時に 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 の場合、デフォルトの動作がブロックされ、アンカー ポイントであるリンクにジャンプするためにポップアップ ウィンドウを閉じるメソッドが呼び出されます。 。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート