JQuery lavalamp:当按下lavalamp栏外的超链接时，选择lavalamp内的焦点/突出显示项目

Question

嗨，我希望有人能帮我解决jQuery lavalamp的问题。

我有以下内容--一个使用lavalamp的菜单栏。-单击菜单栏上的链接时加载内容的div -在我的内容div中，我有一些链接链接到与菜单栏中相同的页面

菜单栏本身看起来和工作起来都很棒。但是，我不希望当用户单击我的content div中的一个链接时，能够聚焦/突出显示相应的菜单项“菜单项”。

例如

<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>

当用户点击动态内容div中的item 3时，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
     })
});