TypeError：$(.).bxSlider不是函数

Question

好的..。所以我使用的是it滑块-rails插件(显然没有其他人使用它，因为我在这里没有看到任何其他问题)，我得到了上面的TypeError。我更新了jquery和咖啡-rails的最新版本。Jquery似乎加载得很好，而且它似乎没有在应用程序中的其他地方加载。

这是我的布局文件：

application.html.erb

  <%= stylesheet_link_tag    "application", :media => "all" %>
        <%= javascript_include_tag "application" %>

<style>
.bxslider {
  height: auto;
  width: 640px;
  background-color: #c41230;
  background-size: cover;
  position: relative;
  border: 1px solid red;
}
</style>

这是我的application.js：

//= require jquery
//= require jquery_ujs
//= require bxslider
//= require_tree .

下面是HTML：

<div class="pix" style="float: left;" >
<ul class="bxslider">
<% @dailies.order("created_at desc").limit(2).each do |feat| %>

<li>
<%= link_to(image_tag(feat.fphoto.url(:large), :alt => feat.title, :title => "Click here to learn more about liquid.radio"), feat) %> 
</li>
<% end %>
</ul>

<script type="text/JavaScript">
        $(document).ready(function(){
            $('.bxslider').bxSlider({
                infiniteLoop: false,
                hideControlOnEnd: true
            });
        });
    </script>

</div>

最后是相应的gem版本：

使用jquery 4.0.5使用jquery rails 5.0.3使用咖啡-rails 4.1.0使用ui滑块-rails 4.2.5.1

这都是在Rails 4.2.4下

我已经试过了所有我能想到的东西，我到处读到的东西都说这应该有效.但事实并非如此。我得到的TypeError和一个图像堆叠在另一个之上。

如果我检查调试器jquery.bxslider也没有什么价值，但是我也得到了一个空白的bxslider.js。

作为一个副词，我还得到一个TyperError，它说ActiveAdmin的"perPage“不是一个函数。

任何帮助将不胜感激，这是在开发环境。

Answer 1

好的..。这将是一个多方面的答案。

首先:我和perPage一起得到的“TypeError”很能说明问题.这意味着ActiveAdmin对我有双重负担的jQuery。这有时会导致jQuery脚本根本不加载。

我环顾四周，发现了这样的解决方案：

配置/初始化器/active_admin.rb

current_javascripts = config.javascripts.clone
  config.clear_javascripts!
  config.register_javascript 'application.js'
  current_javascripts.each{ |j| config.register_javascript j }

您可以从app/assets/active_admin.js中删除“//=需用active_admin/base”，而只是加载application.js中的所有内容。

这消除了"perPage“typeError，但我仍然拥有"bxslider”TypeError。

我意识到的是滑轨.不管出于什么原因..。并没有真正加载bxslider javascript。我通过加载来检查这个：

<script src="http://bxslider.com/lib/jquery.bxslider.js"></script>

现在，您可以加载任何您想要的。也许最好的方法是把剧本放在某个地方的资产里.或者在你的公用文件夹里。或者不管你想做什么。但问题是be滑块-rails并没有真正将脚本添加到资产管道或我能看到的其他任何地方。所以你最好用正常的方式加载脚本。我将尝试其他方法来加载它并根据需要上传这篇文章，但最终，只要下载脚本并将其放入代码中，我就可以摆脱这个错误。