zurück zur Startseite
  


Zurück XHTMLforum > Webentwicklung (außer XHTML und CSS) > Javascript & Ajax
Seite neu laden jQuery Multiple Selector

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 11.01.2014, 20:00
Erfahrener Benutzer
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 12.11.2010
Ort: Bad Langensalza
Beiträge: 733
gabischatz ist in Verruf geraten
Standard jQuery Multiple Selector

Hi, ich möchte in jQuery Selektoren zusammen fassen, damit ich nicht dreimal soviel Code habe.
Die hover(function() soll nicht nur für span gelten, sondern auch für img und dfn
Code:
                $('span[title],dfn[title],img').hover(function(){
                // Hover over code
                var hoverText = $(this).attr('title').replace(/\\n/g, "<br>");
                $(this).data('tipText', hoverText).removeAttr('title');
                $('<p class="tooltip"></p>')
                .html(hoverText)
                .appendTo('body')
                .fadeIn('slow');
        }, function() {
                // Hover out code
                $(this).attr('title', $(this).data('tipText'));
                $('.tooltip').remove();
         }).mousemove(function(e) {
                var mousex = e.pageX + 14; //Get X coordinates
                var mousey = e.pageY + 16; //Get Y coordinates
                $('.tooltip')
                .css({ top: mousey, left: mousex })
        });
Grüße
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 12.01.2014, 15:20
Benutzerbild von Thielo
Web Ninja
XHTMLforum-Kenner
 
Registriert seit: 17.09.2009
Ort: Stuttgart oder so
Beiträge: 3.372
Thielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein Lichtblick
Standard

Und was genau ist die Frage?
__________________
Hier ein immer gültiges Statement: Überarbeite deine Code, lerne die Grundlagen, widersprich mir nicht, wehre dich nicht, ich habe Recht, wir sind Lolgion, wir sind viele.. potato...
All meine Angaben sind ohne Gewähr, es könnte also trotz meiner Unfehlbarkeit dazu kommen dass ich falsch liege

www.richard-thiel.de | Müssen Websiten überall gleich ausschauen?
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 13.01.2014, 14:20
Erfahrener Benutzer
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 12.11.2010
Ort: Bad Langensalza
Beiträge: 733
gabischatz ist in Verruf geraten
Standard

Die Frage ist wie ich Multiple Selektoren in jQuery erstelle.
Code:
$('span[title],dfn[title],img').hover(function()
So funktioniert es nicht!
Laut jQuery Selektoren einfach durch Komma trennen.
Ich habe jetzt den Code dreimal eingefügt:
Code:
$('span).hover(function(){
                // Hover over code
                var hoverText = $(this).attr('title').replace(/\\n/g, "<br>");
                $(this).data('tipText', hoverText).removeAttr('title');
                $('<p class="tooltip"></p>')
                .html(hoverText)
                .appendTo('body')
                .fadeIn('slow');
        }, function() {
                // Hover out code
                $(this).attr('title', $(this).data('tipText'));
                $('.tooltip').remove();
         }).mousemove(function(e) {
                var mousex = e.pageX + 14; //Get X coordinates
                var mousey = e.pageY + 16; //Get Y coordinates
                $('.tooltip')
                .css({ top: mousey, left: mousex })
        });
$('dfn').hover(function(){
                // Hover over code
                var hoverText = $(this).attr('title').replace(/\\n/g, "<br>");
                $(this).data('tipText', hoverText).removeAttr('title');
                $('<p class="tooltip"></p>')
                .html(hoverText)
                .appendTo('body')
                .fadeIn('slow');
        }, function() {
                // Hover out code
                $(this).attr('title', $(this).data('tipText'));
                $('.tooltip').remove();
         }).mousemove(function(e) {
                var mousex = e.pageX + 14; //Get X coordinates
                var mousey = e.pageY + 16; //Get Y coordinates
                $('.tooltip')
                .css({ top: mousey, left: mousex })
        });
$('img').hover(function(){
                // Hover over code
                var hoverText = $(this).attr('title').replace(/\\n/g, "<br>");
                $(this).data('tipText', hoverText).removeAttr('title');
                $('<p class="tooltip"></p>')
                .html(hoverText)
                .appendTo('body')
                .fadeIn('slow');
        }, function() {
                // Hover out code
                $(this).attr('title', $(this).data('tipText'));
                $('.tooltip').remove();
         }).mousemove(function(e) {
                var mousex = e.pageX + 14; //Get X coordinates
                var mousey = e.pageY + 16; //Get Y coordinates
                $('.tooltip')
                .css({ top: mousey, left: mousex })
        });
Grüße
Mit Zitat antworten
  #4 (permalink)  
Alt 13.01.2014, 15:18
Benutzerbild von cebito
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 18.07.2009
Ort: Dresden
Beiträge: 688
cebito sorgt für eine eindrucksvolle Atmosphärecebito sorgt für eine eindrucksvolle Atmosphäre
Standard

Zitat:
Zitat von gabischatz Beitrag anzeigen
So funktioniert es nicht!
Ja aber doch Edit fiddle - JSFiddle schau bitte in der Fehlerkonole oder poste hier dein komplettes Projekt (am besten wie immer online).
Mit Zitat antworten
  #5 (permalink)  
Alt 13.01.2014, 16:20
Benutzerbild von protonenbeschleuniger
Verbesserer
XHTMLforum-Kenner
 
Registriert seit: 06.09.2007
Beiträge: 4.977
protonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblick
Standard

Zitat:
Zitat von gabischatz Beitrag anzeigen
Die Frage ist wie ich Multiple Selektoren in jQuery erstelle.
Code:
$('span[title],dfn[title],img').hover(function()
So funktioniert es nicht!
Laut jQuery Selektoren einfach durch Komma trennen.
Ich habe jetzt den Code dreimal eingefügt:
Mal abgesehen davon, dass das so funktioniert. Du kannst eine Funktion auch benennen und dann der hover Funktion übergeben, dann müßtest du in deinem Fall nicht dreimal den gleichen Code kopieren. Und es macht oft Code an sich lesbarer.
Mit Zitat antworten
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Das jQuery UI Accordion Plugin ohne jquery kenntnisse nutzen? papalapap Javascript & Ajax 8 13.08.2012 23:00
jQuery Calculation Rechner Problem... Javascript... iDodder Javascript & Ajax 5 09.01.2012 12:51
jQuery (coda slider) und prototype (Lightbox) konflikt computernerd Javascript & Ajax 3 21.09.2011 20:04
JQuery + Wordpress VoinG Javascript & Ajax 0 29.12.2008 17:03
jquery Selector Eppi Javascript & Ajax 2 28.10.2008 22:45


Alle Zeitangaben in WEZ +2. Es ist jetzt 08:47 Uhr.