JQuery Lavalamp: Selezione della messa a fuoco / Elemento di evidenziazione all'interno della Lavalamp quando vengono premuti i collegamenti ipertestuali al di fuori della barra Lavalamp

Question

Ciao, sperando che qualcuno possa aiutarmi con un problema jquery lavalamp.

Ho il seguente - Una barra dei menu con Lavalamp. - un div dove il contenuto viene caricato quando si fa clic sul collegamento sulla barra dei menu - Nel mio contenuto div ho alcuni link che collegano alle stesse pagine della barra dei menu

La barra dei menu stessa, sembra e funziona alla grande.Tuttavia, non posso poter essere in grado di concentrarmi su / evidenziare la voce del menu corrispondente "Opzione del menu" quando un utente fa clic su uno dei collegamenti nel mio Content Div.

ad es.

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

.

Quando l'utente scatta sulla voce 3 all'interno del contenuto dinamico Div La selezione sul Lavalamp dovrebbe cambiare.

Qualcuno ha qualche esperienza con questo?

Grazie

Answer 1

Non so quale JQuery Lavalamp stai usando.Se stai usando questo , usa la risposta di SimpleCoder.Se stai usando questo ,Prova questo:

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

Per modificare la selezione sul lavalamp, ridefinire la lavalamp usando la funzione lavaLamp() passando un parametro startItem:

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

.

Nota che la numerazione inizia a 0 per elementi.Inoltre, dovrai includere tutte le altre opzioni che hai utilizzato per inizializzare la lavalamp originariamente.

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

.