Jquery lavalamp: выбор элемента фокуса / выделения в Lavalamp, когда гиперссылки за пределами бара Lavalamp.

StackOverflow https://stackoverflow.com/questions/3314116

  •  27-09-2020
  •  | 
  •  

Вопрос

Привет, я надеюсь, что кто-то может помочь мне с проблемой jQuery Lavalamp.

У меня есть следующие - строка меню, использующая Lavalamp. - a 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>
.

Когда пользователь нажимает на элемент 3 в динамическом содержании DIV, выбор на Lavalamp должен измениться.

У кого-нибудь есть опыт с этим?

Спасибо

Это было полезно?

Решение

Я не знаю, какой 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
         })
    });
.

Другие советы

Чтобы изменить выбор на Lavalamp, переопределите Lavalamp с использованием функции lavaLamp(), проходящие параметр startItem: 

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

Обратите внимание, что нумерация начинается с 0 для элементов.Кроме того, вам придется включить все ваши другие варианты, которые вы использовали для инициализации Lavalamp изначально. 

    $(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
     })
});
.
Лицензировано под: CC-BY-SA с атрибуция
Не связан с StackOverflow
scroll top