Wie übertrage ich Javascript-Ereignisse von einem Element zum anderen?

8

Einrichten der Bühne:

Ich habe zwei Schichten übereinander. Die unterste Ebene enthält Verknüpfungen (einfache Bilder). Die oberste Ebene enthält erweiterte QuickInfos wie Hover für die unterste Ebene. Diese Tooltips können groß sein (sie können sich leicht auf andere Links überlappen und überlappen fast immer den Link, den sie bearbeiten).

Meine Frage:

Ich möchte, dass meine mouseover-Ereignisse auf der untersten Ebene angezeigt werden, und zeige dann bei Mouseover die QuickInfo in der oberen Ebene an. Auf diese Weise verschwindet die QuickInfo in der oberen Ebene und der Tooltip für die neue Verknüpfung kann angezeigt werden.

Wie nehme ich die Ereignisse von der obersten Ebene und übergebe sie stattdessen an die Ebene darunter? Damit ist die oberste Ebene ereignistransparent.

Beispiel HTML:

%Vor% %Vor% %Vor%

Mit dem Beispiel javascript habe ich überprüft, dass die Ereignisse wie normal funktionieren und nur oben geklickt wird. Aber ich möchte grundsätzlich, dass die "Über" -Elemente ereignistransparent sind.

    
silkcom 03.12.2010, 20:59
quelle

3 Antworten

4

Ich hoffe, dass ich das OP verstehe, aber Sie können das Ereignis in jedem Selektor replizieren, nachdem das ursprüngliche Ereignis eingetreten ist: Ссылка

Im verknüpften Beispiel nehme ich das Ereignis auf der obersten Ebene und erstelle ein ähnliches Ereignis, das auf der untersten Ebene ausgelöst wird. Sie können dies mit jedem einzelnen Klicken jedes Elements (im Gegensatz zu ganz oben und unten) weiterführen.

Dies ist eine geliehene Idee von einer anderen Frage: Auslösen eines JavaScript-Klicks () Ereignis an bestimmten Koordinaten

    
Alexis Abril 03.12.2010, 22:02
quelle
0

Ich bin nicht ganz sicher, dass ich verstehe, wonach Sie fragen. Es klingt für mich ein bisschen wie ein Werkzeugtipp. Hier ist ein Beispiel, wie man einen Tooltip mit jQuery, CSS und HTML macht.

Ссылка

Hoffe, dass Sie anfangen können. Wenn Sie weitere Details hinzufügen oder diese jsbin mit weiteren Details modifizieren, können wir ein bisschen iterieren.

Ich habe das Beispiel ein wenig aktualisiert, um die Informationen zur Werkzeugspitze mit jQuery in das HTML-Element selbst zu übernehmen. Dies ist ein bisschen sauberer.

Bob

    
rcravens 03.12.2010 21:28
quelle
0

Das mag übermäßig komplex und unelegant erscheinen ... es täuscht Ihre Funktionalität vor .. aber es funktioniert;)

%Vor%

Versuchen Sie es hier: Ссылка

    
Nick G 03.12.2010 22:26
quelle