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
Freigeben: 2025-03-05 00:34:08
Original
329 Leute haben es durchsucht

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();
    }
  });
});
Nach dem Login kopieren

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!

Erklärung dieser Website
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
Neueste Artikel des Autors
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage