jQuery ScrollTo無法正常工作

Question

下午好，我正在使用Magento CMS試用jQuery scrollto函數。

我使用以下HTML結構創建了一個頁面（請參考該提琴http://jsfiddle.net/VPzxG/ ）

    function goToByScroll(id){
      // Reove "link" from the ID
    id = id.replace("link", "");
      // Scroll
    $('html,body').animate({
        scrollTop: $("#"+id).offset().top},
        'slow');
}

$("#sidebar > ul > li > a").click(function(e) { 
      // Prevent a page reload when a link is pressed
    e.preventDefault(); 
      // Call the scroll function
    goToByScroll($(this).attr("id"));           
});

加載頁面后得到的是螢火蟲錯誤

TypeError：$（...）為空

$（“＃sidebar> ul> li> a”）。click（function（e）{

如果我單擊任何菜單而不是滾動到正確的ID，則會加載magento主頁。 例如，如果我單擊第一個鏈接“ auck”，它將加載http://www.magentoscrolltest.dev/#

據我了解，就像Magento CMS無法識別腳本中的jQuery，但我不知道如何進一步進行。

在此先感謝您的任何建議

Answer 1

Magento使用Prototype，也使用$ 。 您將不得不使用帶有noConflict的jQuery或編寫jQuery而不是$符號。

如果要使用noConflict，請嘗試使用（該示例意味着從現在開始必須使用$j ）：

var $j = jQuery.noConflict(); 

$j(document).ready(function(){
    $j("#test").css("padding","10px");
});