溶岩ランプは現在のターゲットタグIDを取得して色を変更します

Question

http://nixbox.com/projects/jquery-lavalamp/demos/original.html溶岩ランププラグインを使用しています。

私はメニューアイテムの色を変更しようとしています。ラバランプ効果がそれに影響を与えているときだけです。選択されていないか、CSSのホバーではありません。このプラグインはhoverFinishというコールバック関数を持ち、http://nixbox.com/projects/jquery-lavalamp/demos/urltest/にstartItemプロパティがあります。私はlalavalampが終了したときにのみ、現在のハイライト項目のIDを選択するためにこれを使用したいと思います。

ここで私はこれをキャプチャしたいとコメントしたサンプルです。私のホバーまたはselectedlavaテキストの色は、ホバーがメニュー項目を離れるとき、それは「消える」のでそう、そのテキストが背景のように見える、メニューの背景と同じであることを起こった、ので

jQuery(window).load(function() {    
     $('header ul#mainmenu').lavaLamp({ 
      hoverFinish: function() { 
     //Get current highlighted target tag 
    } 
     }); 
}); 

はこれをやっています。

Answer 1

私はプラグインユーティリティの外にこれを行う方法を考え出す必要があった：各「lavalamped」要素の上に、必要に応じて

jQuery(window).load(function() { 

    $('header ul#mainmenu').lavaLamp(); //enable lavalamp plugin on the selected tag 

    var selectedLava = $('ul#mainmenu li.selectedLava').index();// Get the current lavalamp highlighted element index 

    //Always have the index of the lavalamp highlighted element 

    $('ul#mainmenu li a').click(function(){ 
     selectedLava = $(this).parent().index(); 
    }); 

//Change selectedLava class as desired on hover 

    $('ul#mainmenu li').hover(
     function(){ 

      $('ul#mainmenu li.selectedLava').removeClass('selectedLava'); 
     }, 
     function(){ 
      $("ul#mainmenu li").eq(selectedLava).addClass('selectedLava'); 
     } 
    ); 
}); 

THSはあなたの色を変更する機会を与えるだろう... :)希望これは誰かを助ける...