JQuery lavalamp: выбор фокуса / выделенного элемента в lavalamp при нажатии гиперссылок вне панели lavalamp

Question

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

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

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

Спасибо

Answer 1

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

Answer 2

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

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