2011-01-12 6 views
2

私は興味深い状況があります。私はモバイルユーザーのためにHTMLに劣化するオープンソースのフラッシュミュージックプレーヤーを使用して音楽ページを構築しています。私は1つの問題を除いてすべてがうまくいっています。それは私のJavascript関数の1つが干渉していること、特にアンカーカラーフェードです。jQuery関数は無視クラス

プレイヤーには多くの隠しボタンが含まれていますが、再生/一時停止ボタンの下には半透明のアンカーがあり、ボタンを重ねるとコードが強制的に表示されます。

私は、関数を使用して正しい構文を得ることができないようです..しかし、私は動作するもののために解決します!

ありがとうございました!

HTMLのjQueryで

<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

あなたはどのようなフレームワークを使用して?プロトタイプ? Mootools? (私が知っているのは明らかにjQueryではありません。) – Phrogz

+0

Hey Phrogz、質問に答えて編集しました。それはMooToolの中にあります。それを置き換えるためにjQuery関数を記述できるかどうか知っていますか?理想的には私の上記の問題も解決します。ありがとうございました! – technopeasant

答えて

0

(あなたはjQのUIからカラーアニメーションプラグイン持っていることを確認してください: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

モーフはjQuery UIでうまく動作します。残念ながら、私はまだdiv.sc-player内のリンクの表示に問題があります...そして今は半透明の代わりにデフォルトで白です – technopeasant

+0

あなたはなぜ?問題を緩和するために上記の調整を行った。 – Fordi

関連する問題