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

发布于 2024-09-11 05:12:58 字数 685 浏览 11 评论 0原文

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

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

菜单栏本身看起来和工作都很棒。但是，当用户单击我的内容 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 中的项目 3 时，lavalamp 上的选择应该发生变化。

有人有这方面的经验吗？

谢谢

原文

Hi I'm hoping someone can help me out with a jQuery lavalamp problem.

I have the following
- a menu bar using lavalamp.
- a div where content is loaded into when link on menu bar is clicked
- in my content div I have some links that link to the same pages as in the menu bar

The menu bar itself, looks and works great. However I wan't to be able to focus on / highlight the corresponding menu item "Menu Option" when a user clicks on one of the links within my 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>

When the user clicks on item 3 within the dynamic content div the selection on the lavalamp should change.

Does anyone have any experience with this?

Thanks

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

情绪少女 2024-09-18 05:12:58

我不知道你使用的是哪个 jQuery lavaLamp。如果您使用这个，请使用SimpleCoder的答案。如果您使用这个，试试这个：

    $(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
         })
    });

I don't know which jQuery lavaLamp you are using. If you are using this one, use SimpleCoder's answer. If you are using this one, try this:

    $(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
         })
    });

回复收藏 0 原文

乖乖 2024-09-18 05:12:58

要更改 lavalamp 上的选择，请使用传递 startItem 参数的 lavaLamp() 函数重新定义 lavalamp：

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

请注意，元素的编号从 0 开始。此外，您还必须包含最初用于初始化 lavalamp 的所有其他选项。

To change the selection on the lavalamp, redefine the lavalamp using the lavaLamp() function passing a startItem parameter:

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

Note that numbering starts at 0 for elements. Also, you will have to include all of your other options that you used to initialize the lavalamp originally.

回复收藏 0 原文

我早已燃尽 2024-09-18 05:12:58

    $(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
     })
});

    $(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
     })
});

回复收藏 0 原文

~没有更多了~