JQuery lavalamp：在lavalamp欄外的超鏈接被按下時，在lavalamp內選擇焦點/突出顯示項目

Question

嗨，我希望有人可以幫我解決一個jQuery lavalamp問題。

我有以下 - 使用lavalamp的菜單欄。 - 在內容加載時菜單欄上的鏈接被點擊 成一個div - 在我的內容股利我有一些鏈接，鏈接到同一網頁的菜單欄中

菜單欄本身，外觀和偉大工程。但是，當用戶點擊我的內容div中的某個鏈接時，我無法關注/突出顯示相應的菜單項「菜單選項」。

EG

<div><ul class="lavalamp"> 
    <li><a href="Item 1.html">item 1</a></li> 
    <li><a href="Item 2.html">item 2</a></li> 
    <li><a href="Item 3.html">item 3</a></li> 
</div> 

<div id="dynamic-content"> 
    <a href="Item3.html">Item 3.html</a> 
</div> 

當用戶點擊項目3的動態內容的div上LavaLamp的選擇應改變中。

有沒有人有這方面的經驗？

由於

Answer 1

我不知道你正在使用哪個jQuery lavaLamp。如果您使用的是this one，請使用SimpleCoder的答案。如果您正在使用this one，試試這個：

$(function() { 
     var loc = window.location.href; 
     var filename = loc.substring(loc.lastIndexOf('/')+1, loc.length); 

     $('.lavalamp a, #dynamic-content a').each(function(){ 
      if ($(this).attr('href') == filename){ 
       $(this).parent().addClass('current'); 
      } 
     }); 

     $(".lavalamp").lavaLamp({ 
      fx: "backout", 
      speed: 700 
     }) 
    }); 

Answer 2

要使用lavaLamp()函數傳遞startItem參數改變選擇的LavaLamp的，重新定義LavaLamp的：

$('#myLavalamp').lavaLamp({startItem: 4}); 

注意，編號從0開始的元件。此外，您將不得不包含原來用於初始化lavalamp的所有其他選項。

Answer 3

$(function() { 
    var loc = window.location.href; 
    var filename = loc.substring(loc.lastIndexOf('/')+1, loc.length); 

    $('#2 a, #dynamic-content a').each(function(){ 
     if ($(this).attr('href').indexOf(filename)>-1){ 
      $(this).parent().addClass('current'); 
     } 
    }); 

    $("#2").lavaLamp({ 
     fx: "backout", 
     speed: 700 
    }) 
});