ホームページ > ウェブフロントエンド > jsチュートリアル > jqueryポップアップウィンドウでリンクをきれいに開きます

jqueryポップアップウィンドウでリンクをきれいに開きます

Joseph Gordon-Levitt
リリース: 2025-03-05 00:34:08
オリジナル
329 人が閲覧しました

このjQueryコードは、新しいポップアップウィンドウでクラス「ポップアップ」とのリンクをきれいに開き、現在のページまたは新しいタブで開くことを防ぎます。 必要に応じて

およびheightパラメーターをカスタマイズします。width

jQuery Cleanly Open Links in Popup Windows

コードは次のとおりです

この改良されたバージョンは、イベント処理を改善するために

(これは非推奨)の代わりに
jQuery(document).ready(function($) {
  jQuery('a.popup').on('click', function(e) {
    e.preventDefault(); // Prevent default link behavior
    const href = $(this).attr('href');
    const newwindow = window.open(href, '', 'height=200,width=150');
    if (newwindow && newwindow.focus) {
      newwindow.focus();
    }
  });
});
ログイン後にコピー
を使用し、デフォルトのリンクアクションを確実に防止するための

を使用します。 onのチェックは、堅牢性を追加します。live

以上がjqueryポップアップウィンドウでリンクをきれいに開きますの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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