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

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

3 голосов
/ 23 июля 2010

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

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

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

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

Спасибо

Ответы [ 3 ]

2 голосов
/ 23 июля 2010

Я не знаю, какой 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
         })
    });
2 голосов
/ 23 июля 2010

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

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

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

0 голосов
/ 02 февраля 2012 
    $(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
     })
});
...