JQuery lavalamp:La sélection de focus/surbrillance l'élément à l'intérieur de lavalamp lorsque des liens hypertexte à l'extérieur lavalamp bar sont pressés

Question

Salut, je suis en espérant que quelqu'un peut m'aider avec un jQuery lavalamp problème.

J'ai le texte suivant - une barre de menu à l'aide de lavalamp.- un div dont le contenu est chargé dans la lorsque le lien sur la barre de menu est cliqué - dans le contenu de mon div, j'ai quelques liens qui pointent vers les mêmes pages que dans la barre de menu

La barre de menu lui-même, ressemble et fonctionne très bien.Cependant, je wan pas à être en mesure de se concentrer sur / mettre en surbrillance l'élément du menu correspondant du Menu "Option" lorsqu'un utilisateur clique sur un des liens dans le contenu de mon div.

Par exemple

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

Lorsque l'utilisateur clique sur le point 3 dans la dynamique de la div du contenu de la sélection dans la lavalamp devrait changer.

Quelqu'un a une expérience avec cela?

Merci

Answer 1

Je ne sais pas quel JQuery Lavalamp utilisez-vous.Si vous utilisez Celui-ci , utilisez la réponse de SimpleCoder.Si vous utilisez Celui-ci ,Essayez ceci:

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

Pour modifier la sélection sur la lavalamp, redéfinir le lavalamp à l'aide de la lavaLamp() la fonction de passage d'un startItem paramètre:

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

Noter que la numérotation commence à 0 pour les éléments.En outre, vous aurez à inclure l'ensemble de vos autres options que vous avez utilisé pour initialiser le lavalamp à l'origine.

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