Lavalamp不能在HTML中工作

-1

編輯：我的新問題是http://jsfiddle.net/Rochefort/QzXNv/不工作LAVALAMP。Lavalamp不能在HTML中工作

// OLD // 我有一個菜單結構。用下面的：

<div id="navigation"><!-- navigation --> 
        <ul> 
         <li class="first"><a class="active" href="#">News 5</a></li> 
         <li><a href="#">News</a></li> 
         <li><a href="#">News 1</a></li> 
         <li><a href="#">News 2</a></li> 
         <li><a href="#">News 3</a></li> 
         <li class="last"><a href="#">News 4</a></li> 
        </ul> 
       </div>

我的CSS：

#navigation { 
    float: right; 
    margin: 20px 0 0; 
} 

#navigation ul { 
    padding: 0; 
    margin: 0; 
    list-style-type: none; 
} 

#navigation ul li { 
    float: left; 
    display: inline; 
    margin: 0 30px 0 0; 
    padding: 0; 
} 

#navigation ul li.last { 
    margin: 0; 
} 

#navigation ul li a { 
    color: #333; 
    font-family: 'helvanltpro55romanregular'; 
    font-size: 14px; 
    text-decoration: none; 
}

並補充lavalamp.js在我的jQuery目錄。並寫下這個代碼：

//document ready 
    $(document).ready(function(){ 
     // SLIDING MENU // 
    $('#navigation').lavaLamp({ 
     homeTop:0, 
     homeLeft:-50, 
     returnHome:true 
    }); 

    var hasActive = $('ul#navigation li a').hasClass('active'); 

    if(hasActive) { 
     var activeIndex = $('ul#navigation li a.active').parent().index(); 
    } 

    $('ul#navigation').hover(function(){ 
     $('ul#navigation li a').removeClass('active'); 
    }, function(){ 
     setTimeout(function(){ 
      $('ul#navigation li:eq('+ activeIndex +') a').addClass('active'); 
     },500); 
    }); 
    // SLIDING MENU //

但不工作這個JS。當通過Firebug查看我的網站時，未發現問題。我該如何解決它？

來源

2012-09-04 user1629771

嘗試添加喜歡在他們的網站上提到的缺乏在你的代碼 – Gopesh

東西的CSS。你可以在codebins.com上創建一個bin嗎？因爲我已經嘗試過，但沒有得到你想要的東西。這是鏈接我所做的，如果你想看http://codebins.com/bin/4ldqp7s – gaurang171

我放棄。誰是足夠勇敢，這裏是一個jsfiddle http://jsfiddle.net/thVjc/3/ –