Heim >Web-Frontend >js-Tutorial >JQuery Öffnen Sie die Links in Popup -Fenstern sauber

JQuery Öffnen Sie die Links in Popup -Fenstern sauber

Joseph Gordon-Levitt
Joseph Gordon-LevittOriginal
2025-03-05 00:34:08333Durchsuche

Dieser jQuery -Code öffnet Links mit der Klasse "Popup" in einem neuen Popup -Fenster sauber und verhindert, dass sie auf der aktuellen Seite oder einer neuen Registerkarte geöffnet werden. Passen Sie die Parameter height und width nach Bedarf an.

jQuery Cleanly Open Links in Popup Windows

Hier ist der Code:

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();
    }
  });
});

Diese verbesserte Version verwendet on anstelle von live (was veraltet ist) für eine bessere Ereignisbehandlung und enthält e.preventDefault(), um die Standardverbindungsaktion zuverlässig zu verhindern. Die Prüfung nach newwindow fügt Robustheit hinzu.

Das obige ist der detaillierte Inhalt vonJQuery Öffnen Sie die Links in Popup -Fenstern sauber. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn