2011-01-12 11 views
2

Ich habe eine interessante Situation. Ich baue eine Musikseite mit einem Open-Source-Flash-Musik-Player, der für mobile Nutzer in HTML umgewandelt wird. Ich habe alles funktioniert gut bis auf ein Problem .. und das ist, dass eine meiner Javascript-Funktionen ist störend, insbesondere eine Ankerfarbe verblassen.jQuery-Funktion ignorieren Klasse

Es gibt viele versteckte Tasten im Player, aber die Wiedergabe/Pause-Taste hat einen transluzenten Anker darunter und der Code zwingt dazu, dass dies angezeigt wird, wenn die Tasten über den Tasten stehen.

Ich kann nicht scheinen, um die Syntax korrekt mit der Funktion nicht zu bekommen .. Aber ich werde mit allem zufrieden sein, was funktioniert!

Vielen Dank!

HTML

<div class="sc-player"> 

Javascript

jQuery(function ($) { 
    $('a').not('div.sc-player').each(function() { 
     var $el = $(this), 
      orig = $el.css('color'); 
     $el.hover(function() { 
      $el.stop().animate({ color: '#00B0D9' }, 400); 
     },function() { 
      $el.stop().animate({ color: orig }, 400); 
     }); 
    }); 
}); 
+1

Welche Rahmenbedingungen sind Sie benutzen? Prototyp? Mootools? (Es ist eindeutig nicht jQuery, was ich weiß.) – Phrogz

+0

Hey Phrogz, bearbeitet die Frage als Antwort. Es ist in MooTool. Weißt du, ob eine jQuery-Funktion geschrieben werden kann, um sie zu ersetzen? und im Idealfall auch mein oben genanntes Problem zu lösen. Vielen Dank! – technopeasant

Antwort

0

In jQuery (stellen Sie sicher, dass Sie die Farbe Animation Plugin von jQ UI haben: http://jqueryui.com/demos/animate/):

jQuery(function ($) { 
    $('a.a').each(function() { 
     var $el = $(this), 
      orig = $el.css('color'); 
     if ($el.parents('.sc-player').length!=0) return; 
     $el.hover(function() { 
      $el.stop().animate({ color: '#00B0D9' }, 400); 
     },function() { 
      $el.stop().animate({ color: orig }, 400); 
     }); 
    }); 
}); 
+0

der Morph funktioniert gut mit der jQuery UI Add-on .. leider habe ich immer noch Probleme mit den Links innerhalb div.sc-player verblassen in Sicht .. und jetzt sind sie weiß anstelle von durchscheinend standardmäßig – technopeasant

+0

Konnte nicht sagen Du warum. Ich habe oben eine Anpassung vorgenommen, um das Problem zu beheben. – Fordi

Verwandte Themen