jQuery Lavalamp : Lavalamp 바 외부의 하이퍼 링크가 눌러지면 Lavalamp 내의 초점 / 강조 표시 선택

StackOverflow https://stackoverflow.com/questions/3314116

  •  27-09-2020
  •  | 
  •  

문제

안녕하세요, 누군가가 jQuery lavalamp 문제로 나를 도울 수 있기를 바랍니다.

나는 다음을 가지고있다 - Lavalamp를 사용하는 메뉴 막대. - 메뉴 표시 줄의 링크를 클릭하면 콘텐츠가로드되는 DIV - 내 콘텐츠 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>
.

사용자가 동적 콘텐츠 DIV 내의 항목 3을 클릭하면 lavalamp의 선택이 변경되어야합니다.

누구 든지이 경험이 있습니까?

감사합니다

도움이 되었습니까?

해결책

나는 당신이 사용하고있는 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
         })
    });
.

다른 팁

Lavalamp의 선택을 변경하려면 lavaLamp() 매개 변수를 통과하는 startItem 함수를 사용하여 Lavalamp을 재정의합니다.

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

Numbering은 요소에 대해 0에서 시작됩니다.또한 원래 lavalamp를 초기화하는 데 사용한 다른 옵션을 모두 포함시켜야합니다.

    $(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
     })
});
.
라이센스 : CC-BY-SA ~와 함께 속성
제휴하지 않습니다 StackOverflow
scroll top