Lámpara de lava JQuery:Seleccionar elemento de enfoque/resaltado dentro de lavalamp cuando se presionan hipervínculos fuera de la barra de lavalamp

Question

Hola, espero que alguien pueda ayudarme con un problema de jQuery lavalamp.

Tengo lo siguiente - Una barra de menú con Lavalamp.- Un div en el que se carga el contenido cuando se hace clic en el enlace de la barra de menús - en mi div de contenido tengo algunos enlaces que enlazan a las mismas páginas que en la barra de menú

La barra de menú en sí se ve y funciona muy bien.Sin embargo, no quiero poder centrarme/resaltar el elemento de menú correspondiente "Opción de menú" cuando un usuario hace clic en uno de los enlaces dentro de mi división de contenido.

P.EJ

<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>

Cuando el usuario hace clic en el elemento 3 dentro del div de contenido dinámico, la selección en la lámpara de lava debería cambiar.

¿Alguien tiene alguna experiencia con esto?

Gracias

Answer 1

No sé qué jquery Lavalamp estás usando.Si está utilizando este , usa la respuesta de SimpleCoder.Si está utilizando esta una ,prueba esto:

    $(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

Para cambiar la selección en la lámpara de lava, redefina la lámpara de lava usando el lavaLamp() función que pasa un startItem parámetro:

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

Tenga en cuenta que la numeración comienza en 0 para los elementos.Además, deberá incluir todas las demás opciones que utilizó para inicializar la lámpara de lava originalmente.

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