如何在 Rails 应用程序中添加 jQuery 'tinycarousel' 插件答案

【问题标题】：How do I add jQuery 'tinycarousel' plugin in Rails app如何在 Rails 应用程序中添加 jQuery 'tinycarousel' 插件
【发布时间】：2014-11-26 05:08:15
【问题描述】：

我必须在我的 Rails 应用程序中使用 jQuery 插件“tinycarousel”。

我已经在

中添加了插件

vendor/assets/javascripts

我也在application.js中添加了

//= require jquery.tinycarousel.min

在我的 html 文件中我做了：

 <script type="text/javascript">
          $(document).ready(function(){
              $('.contract-notification').tinycarousel();
          });
 </script>

当我在浏览器中执行此操作时，出现错误提示

 Undefined is not a function.

即它无法识别 .tinycarousel()

我做错了什么？

另外，当我在浏览器中查看资源时，我找不到 tinycarousel 插件。它没有加载。我应该怎么做才能加载这个插件？

【问题讨论】：

Undefined is not a function 正是因为您的插件文件没有加载：您应该先加载插件。检查您在 vendor/assets/javascripts 中名为“jquery.tinycarousel.min.js”的文件并位于文件夹的根目录中
是的，我已正确命名它并将其放置在供应商/资产/javascripts 中。 “位于文件夹的根目录”是什么意思？
我的意思是它没有任何包含文件夹。嗯……很奇怪。我希望你把“供应商”写成错误的类型。然后尝试手动添加文件夹：在 config/application.rb config.assets.paths
@Suganya 检查网络选项卡以查看资源是否正确加载。否则打开您的控制台并输入$.fn.tinycarousel 并回车，这应该给出函数定义（如果已定义）。还要确保在加载此文件之前包含 jQuery 库
另外，尝试使用 id 而不是 class 作为选择器

标签： jquery ruby-on-rails plugins jquery-plugins

【解决方案1】：

感谢所有宝贵的cmets。

我刚刚加了

  <script type="text/javascript" **src="/assets/jquery.tinycarousel.min.js"**>
          $(document).ready(function(){
              $('.contract-para').tinycarousel();
              $('.contract-notification-close').click(function(){
                  $('.contract-notification').hide();
              });

          });
      </script>

我让它工作了。

【讨论】：