如何在Shopify網站中使用jQuery？

-1

我正在使用Shopify設計我的電子商務商店，我希望我的頁面自動滾動到站點菜單的方式標題部分應滾動。我用scrollIntoView，但它不工作。如何在Shopify網站中使用jQuery？

在shop.js.liquid我多少隻這樣做：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> 
timber.srcollIntoView = function() { 
    $(wondow).on('load',function(){ 
    $scrollIntoView.scrollIntoView(); 
    }); 
};

我從https://github.com/Arwid/jQuery.scrollIntoView/blob/master/jquery.scrollIntoView.min.js下載的jquery.scrollIntoview.min.js並添加這一項資產部分。你能幫我找到下一步嗎？

來源

2015-05-05 Girish k

檢查控制檯，看看有什麼錯誤來到那裏。你可以在這裏發表。 – Ruchi

您已在資產中添加了scrollintoview文件。你是否將它包含在主題文件中，就像你包含jquery一樣？ – Ruchi

如果你做了這些東西，它仍然是壞的，按下F12在鉻，然後單擊控制檯，並張貼錯誤在這裏和/或留下我的評論。

添加您的jQuery的apps.js.liquid文件在您的資產文件夾。

例...

(function($){ 
    $(function(){ //document.ready 

     //DOM READY code here 

    }); 

    //Functions, Plugins, Etc.. Here 
    //(does not wait for DOM READY STATE) 

})(jQuery);

如果你需要在服務器上的jQuery（可能是一個不錯的後備）...

使用這個在您的頭包括任何js文件（也許jQuery）後，你上傳到資產文件夾

<!--[if lte IE 8]> 
     <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script> 
     <script>window.jQuery || document.write('<script src="{{ jQuery.1.10.1.min.js | asset_url }}"><\/script>');</script> 
    <![endif]--> 
    <!--[if gt IE 8]><!--> 
     <script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script> 
     <script>window.jQuery || document.write('<script src="{{ jQuery.2.1.3.min.js | asset_url }}');</script> 
    <!--<![endif]--> 

    <script type="text/javascript" src="{{ 'scrollIntoView.js' | asset_url }}">

來源

2015-05-06 07:59:59

如何在Shopify網站中使用jQuery？

回答

相關問題