3

こんにちは私は誰かがjQueryラバライトの問題で私を助けてくれることを望んでいます。

私は次のものを持っています-lavalampを使用したメニューバー。-メニューバーのリンクをクリックしたときにコンテンツが読み込まれるdiv-私のコンテンツdivには、メニューバーと同じページにリンクするリンクがいくつかあります

メニューバー自体は、見た目も機能も優れています。ただし、ユーザーがコンテンツdiv内のリンクの1つをクリックしたときに、対応するメニュー項目「メニューオプション」に焦点を合わせたり強調表示したりすることはできません。

例えば

<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をクリックすると、ラバランプの選択が変更されます。

誰かがこれを経験したことがありますか？

ありがとう

4

3 に答える 3

2

使用しているjQuerylavaLampがわかりません。これを使用している場合は、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
         })
    });
于 2010-07-22T23:20:20.770 に答える
2

lavaLamp()ラバランプの選択を変更するには、パラメーターを渡す関数を使用してラバランプを再定義しstartItemます。

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

要素の番号付けは0から始まることに注意してください。また、ラバランプを最初に初期化するために使用した他のすべてのオプションを含める必要があります。

于 2010-07-22T22:54:55.883 に答える
-1 
    $(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
     })
});
于 2012-02-02T11:39:35.577 に答える