JQUERY, fügen Sie einen Ereignis-Listener, um Elemente in einem iFrame?

Gegeben, die ein iframe mit <span class="fineme"> gesamten iframe...

Ist es möglich, fügen Sie einen Ereignis-listener mit jQuery zum auslösen einer WARNUNG, wenn der Benutzer bewegt die Maus über .fineme in das iframe von oben/übergeordnetes Fenster?

InformationsquelleAutor AnApprentice | 2010-07-18
  1. 6

    Sehen http://api.jquery.com/contents/ für den Zugriff auf Inhalte Dokument in einem iframe.

    Einer Lösung für Ihre Frage sein könnte:

    $("iframe#name").contents().find(".fineme").bind("mouseover", function() { alert("Found me"); });
    • Interessant, aber auch das scheint nicht zu funktionieren?
    • Für mich funktioniert. Vielleicht sollte die Klasse sein .findme statt .fineme?
    • Möglicherweise müssen Sie zum Abschluss noch einen Scheck, um sicherzustellen, dass der iframe geladen wurde. Wenn Sie versuchen, Zugriff auf den Inhalt, bevor Sie den iframe geladen hat, werden Sie nicht in der Lage, es zu finden. Wickeln Sie es in der $("iframe" #name").load().
    • +1 für das warten bis load() - wenn Sie das schreiben der iframe-Inhalt programmgesteuert (z.B. über srcdoc) es scheint, Sie haben immer zu tun.
    InformationsquelleAutor Sean Hogan
  2. 1

    Ja, Es scheint, dass standardmäßig, wenn Sie ausführen ein Selektor, der aus dem übergeordneten Fenster, wird es nicht finden Elemente innerhalb des iframe. Sie können jedoch ausdrücklich jQuery Rahmen, um sich innerhalb des iframe.

    Einen Weg, dies zu tun wäre:

    var iframe = $("#someIframeId");
$(".fineme",iframe.get(0).contentDocument).mouseover(function(){alert('hi')});

    HINWEIS: Dies wird nur funktionieren, wenn sowohl die übergeordnete Seite und der IFrame auf der gleichen domain. Weitere Informationen hierzu finden Sie unter: http://madskristensen.net/post/Iframe-cross-domain-JavaScript-calls.aspx

    • Interessant, aber das scheint nicht zu funktionieren?
    • Eine Sache zu beachten: für diese Arbeit Ihre iframe muss auf der gleichen domain wie Ihre Seite. Wenn Sie sind auf verschiedenen domains denke ich, dass browser security meine das nicht funktioniert.
    • Dies funktioniert gut für native jQuery, aber was ist jQuery-UI-Objekte? Zum Beispiel, wenn Sie anrufen, resizable auf das element, es wird nicht das Kontextmenü der Maus. Klicken Sie auf die resizable-Griffe und ziehen Sie mit der Maus außerhalb des iframe für die es zu reagieren auf Maus-Bewegungen.
    InformationsquelleAutor Matthew Manela
  3. 1

    Ich hatte ein ähnliches problem und eine Lösung gefunden, die funktioniert für mich. Versuchen Sie dies:

    document.getElementById('iframe_id').contentWindow.$('.fineme').on( ... )

    Es funktioniert für alle jquery-Funktionen, aber hört sich für Ereignisse, auf die das iFrame-dom jQuery.

    InformationsquelleAutor LukeSideris
Schreibe einen Kommentar