|
|||
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 }) }); |
Sponsored Links |
|
||||
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? |
Sponsored Links |
|
|||
Die Frage ist wie ich Multiple Selektoren in jQuery erstelle.
Code:
$('span[title],dfn[title],img').hover(function() 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 }) }); |
|
||||
Ja aber doch Edit fiddle - JSFiddle schau bitte in der Fehlerkonole oder poste hier dein komplettes Projekt (am besten wie immer online).
|
Themen-Optionen | |
Ansicht | |
|
|
Ä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 |