Heim > Web-Frontend > js-Tutorial > jQuery-Ereignisbindung on() und Popup-Fenster-Implementierung code_jquery

jQuery-Ereignisbindung on() und Popup-Fenster-Implementierung code_jquery

WBOY
Freigeben: 2016-05-16 15:03:07
Original
1307 Leute haben es durchsucht

Es gibt oft Popup-Fenster auf der Seite. Einige Popup-Fenster werden dynamisch generiert und einige Popup-Fenster werden am unteren Rand der Seite ausgeblendet, wenn Sie möchten Um die Ereignisse des Popup-Fensters zu überwachen, können Sie die jQuery-Ereignisbindung mithilfe der on()-Methode implementieren.

Wie im Bild gezeigt, wird das Popup-Fenster dynamisch von js generiert. Es öffnet sich, indem Sie auf den Link „Jetzt verwenden“ im Popup-Fenster klicken Öffnen Sie das Fenster und springen Sie zum Ankerpunkt.

Das ist ein Tag:

Code kopieren Der Code lautet wie folgt:

Wir müssen das Klickereignis im Popup-Fenster überwachen, aber das Popup-Fenster selbst wird dynamisch generiert, daher müssen wir den Text überwachen und ihn über das Ereignis on() binden, wenn das Popup erscheint Das Fenster wird dynamisch generiert, die Klickmethode kann überwacht werden:

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

Dies ist eigentlich eine Ereignisbindung mit zwei a-Tags. Wenn der Link eine bestimmte URL ist, wird das Standardverhalten blockiert und die Methode zum Schließen des Popup-Fensters aufgerufen, um zum Link zu springen, der den Ankerpunkt darstellt. .

Verwandte Etiketten:
Quelle:php.cn
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage