繁体   English   中英

Javascript未加载-rails-Spree Commerce

[英]Javascript not loading -rails - spree commerce

我搞砸了Spree Commerce,试图学习它。 我下载了HTML主题( http://themeforest.net/item/convertible-sensitive-html5-template/full_screen_preview/6289591 ),而我只是想将其作为网站的前端。 不是实际的商店。

当此模板将成为静态页面时,将商店安装在/ store上。

我不确定是否是因为模板,Rails 4 Turbolinks,疯狂的商务以及它如何影响Rails应用程序的设置。 在过去的3天里,我一直在尝试所有操作,并且已经查找/尝试了所有可以找到的修复程序,但该修复程序仍然无法正常工作。

以下是主页滑块部分的代码。 它实际上与上面的主题相同。 这是一个flexslider。 这是js(我在Rails应用中的app / assets / javascripts中有相同的文件

https://github.com/werein/flexslider-rails/blob/master/vendor/assets/javascripts/jquery.flexslider.js

主页滑块:

    <!-- home 
        ================================================== -->
    <div class="section">
        <div id="home-section">
            <div class="home-box">
                <%= image_tag "upload/singlepage-bg.jpg", :class => "background-view"  %>
                <div class="slider-caption">
                    <div class="container">
                        <div class="flexslider">
                             <ul class="slides">
                                <li>
                                    <p class="flex-caption">Convertible <span>is great</span> template</p>
                                </li>
                                <li>
                                    <p class="flex-caption">We are great <span>company</span></p>
                                </li>
                                <li>
                                    <p class="flex-caption">We <span>support</span> you</p>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>              
            </div>
        </div>
    </div>


    <!-- End home -->

JS文件的开头:jquery.flexslider.js

;(function ($) {

  //FlexSlider: Object Instance
  $.flexslider = function(el, options) {
    var slider = $(el),
      vars = $.extend({}, $.flexslider.defaults, options),
      namespace = vars.namespace,
      touch = ("ontouchstart" in window) || window.DocumentTouch && document instanceof     DocumentTouch,
    eventType = (touch) ? "touchend" : "click",
    vertical = vars.direction === "vertical",
    reverse = vars.reverse,
    carousel = (vars.itemWidth > 0),
    fade = vars.animation === "fade",
    asNav = vars.asNavFor !== "",
    methods = {};

看来您必须使用污损,否则将无法使用。 我从Rails开发人员那里发现了对Google Helpout的狂热体验。

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM