jquery - 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>