【问题标题】:RefineryCMS nivo slider not working with require jqueryRefineryCMS nivo 滑块不适用于需要 jquery
【发布时间】:2016-04-28 10:55:35
【问题描述】:

我正在运行 RefineryCMS 3.0.0,并在主页上添加了用于幻灯片放映的 nivo gem。

我已经像这样在我的 application.js 页面中添加了 require 行;

//= require jquery
//= require jquery_ujs
//= require turbolinks
//= require nivo
//= require_tree .

这是我的主页

<body>
    <div class="logo_white">
        <%= image_tag("logo-white.png", class:"logo-white") %>
    </div>
    <% main_slideshow = Refinery::ImageSlideshows::ImageSlideshow.includes(:image_slides).find_by_title('frontpage') %>
    <div id="wrapper">
        <% if main_slideshow %>
            <div class="slider-wrapper">
                <div id="slider">
                    <% main_slideshow.image_slides.each do |image_slide| %>
                        <%= link_to image_slide.link_url do %>
                            <%= image_tag image_slide.image.url, :alt => image_slide.title, :title => image_slide.caption %>
                        <% end %>
                    <% end %>

                </div>
            </div>
        <% else %>
            Please create the 'frontpage' slideshow in the admin section
        <% end %>
    </div>

    <script src="/assets/jquery.js" type="text/javascript"></script>
    <script type="text/javascript">
     var ready;
     ready = function(){
         $('#slider').nivoSlider({
             <%= raw main_slideshow.js_config if main_slideshow %>
         });
     };

     $(document).ready(ready);
     $(document).on('page:load', ready);
    </script>
</body>

这目前有效,但我必须在该行中再次包含 jquery 库;

    <script src="/assets/jquery.js" type="text/javascript"></script>

如果我删除此行,幻灯片将不起作用。有更好的方法吗?

【问题讨论】:

    标签: javascript jquery nivo-slider refinerycms


    【解决方案1】:

    也许精炼厂中包含的 jquery 不支持 $(something),请尝试使用 jQuery(something)。

    【讨论】:

    • 这不起作用,我仍然需要将 jquery 加载到我的脚本行之前
    猜你喜欢
    • 1970-01-01
    • 2011-08-24
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2015-06-20
    相关资源
    最近更新 更多