Magento：jquery不工作，但會在控制檯工作

Question

我想獲得一個簡單的jQuery腳本來在我的magento產品頁面上工作。但是，在將jQuery腳本添加到XML之後，magento能夠在頭中讀取和添加jQuery腳本...腳本仍然無法工作。然後我嘗試把腳本放入Chrome控制檯，它運行良好。

$j(document).ready(function(){ 
    $j("#ship").show(); 
    $j("#details").hide(); 
    $j("#sizing").hide(); 
    $j(".ship").css("text-decoration","underline"); 

    $j(".ship").click(function(){ 
     $j(".ship").css("text-decoration","underline"); 
     $j(".details").css("text-decoration","none"); 
     $j(".sizing").css("text-decoration","none"); 
     $j("#ship").show(); 
     $j("#details").hide(); 
     $j("#sizing").hide(); 
    }); 

    $j(".details").click(function(){ 
     $j(".ship").css("text-decoration","none"); 
     $j(".details").css("text-decoration","underline"); 
     $j(".sizing").css("text-decoration","none"); 
     $j("#ship").hide(); 
     $j("#details").show(); 
     $j("#sizing").hide(); 
    }); 

    $j(".sizing").click(function(){ 
     $j(".ship").css("text-decoration","none"); 
     $j(".details").css("text-decoration","none"); 
     $j(".sizing").css("text-decoration","underline"); 
     $j("#ship").hide(); 
     $j("#details").hide(); 
     $j("#sizing").show(); 
    }); 

}); 

Answer 1

使用Jquery.noConflict（）函數。它將解決問題

<script type="text/javascript"> 
    $.noConflict(); 
    jQuery(document).ready(function($) { 
    // Code that uses jQuery's $ can follow here. 
    }); 
    // Code that uses other library's $ can follow here. 
</script>