JQuery lavalamp : Selecting focus/highlighting item within lavalamp when hyperlinks outside lavalamp bar are pressed

Question

嗨，我希望有人可以帮助我解决 jQuery lavalamp 问题。

我有以下内容- 使用 lavalamp 的菜单栏。- 单击菜单栏上的链接时加载内容的 div- 在我的内容 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>

当用户单击动态内容 div 中的项目 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
         })
    });