如何製作一個jQuery菜單點擊？

Question

簡要說明一個長問題：例如，在godaddy.com上他們有一個菜單。假設你試圖點擊菜單上的「託管」。這是緊鄰webtools和網站，但在我的網站上，如果你點擊託管詞沒有任何反應。它不會把你帶到網站的託管頁面。這是我的問題，我如何讓菜單點擊？我使用的代碼如下。

我使用這個模板，默認home.html文件傳來這樣的：

<!-- Begin Navigation --> 
<div id="navigation"> 
    <ul> 
     <li><a href="#" title="Home">Home</a></li> 
     <li><a href="#" title="Services">Services</a></li> 
     <li><a href="#" title="Order">Order</a></li> 
     <li><a href="#" title="Contact Us">Contact Us</a></li> 
     <li><a href="#" title="Log in">Log in</a></li> 
    </ul> 
    <div class="cl">&nbsp;</div> 
</div> 
<!-- End Navigation --> 

我的js函數是這樣的：當我添加click()任何地方的功能菜單點擊，但jQuery的滑塊停止工作。如何讓菜單可以點擊而不影響我網站上其他任何jQuery運行的東西？

$(function() { 
    $("#navigation ul").lavaLamp({ 
     fx: "backout", 
     speed: 700, 
     click: function (event, menuItem) { 
      $('#navigation li.current').removeClass('current'); 
      $(this).addClass('current'); 
      return false; 
     } 
    }); 

    $('#slider ul.slider-items').jcarousel({ 
     'scroll': 1, 
      'auto': 7, 
      'wrap': 'both', 
     initCallback: mycarousel_initCallback, 
     buttonNextHTML: null, 
     buttonPrevHTML: null, 
     itemVisibleInCallback: { 
      onAfterAnimation: function (c, o, i, s) { 
       jQuery('.slider-nav li').removeClass('active'); 
       jQuery('.slider-nav li:eq(' + (i - 1) + ')').addClass('active'); 
      } 
     } 
    }); 

    $('.widget .button').hover(function() { 
     $(this).addClass('button-act'); 
    }, function() { 
     $(this).removeClass('button-act'); 
    }); 

    if ($.browser.msie && $.browser.version == 6) { 
     DD_belatedPNG.fix('#header, h1#logo a, li.back, li.back .left, #slider, .frame, ul.slider-items li h2, .slider-nav, .nav-inner, #main-top, #main-bot, #main-cnt, .side-outer, .side-bottom, .side-inner, .widget h2, #slider .button, #slider .button span, .comment, .post-info, .separator'); 
    } 
}); 

function mycarousel_initCallback(carousel) { 
    $('.slider-nav .nav-inner').append('<ul></ul>'); 
    var i = 1; 
    $('.slider-items li').each(function() { 
     $('.slider-nav ul').append('<li><a href="#">' + i + '</a></li>'); 
     i++; 
    }); 
    $('.slider-nav .nav-inner').append('<div class="cl">&nbsp;</div>'); 
    $('.slider-nav li:last').addClass('last'); 
    $('.slider-nav a').bind('click', function() { 
     carousel.scroll(jQuery.jcarousel.intval(jQuery(this).text())); 
     return false; 
    }); 
    $('.slider-nav').css('margin-top', function() { 
     return -($(this).find('.nav-inner').outerHeight()/2 + 7) + 'px'; 
    }); 
}; 

Answer 1

$("#navigation ul li a").click(function(){ alert('click'); }); 

這是否（插在第11行）也不行？