将 jQuery 插件添加到我的 rails 4 应用程序答案

【问题标题】：Adding jQuery plugins to my rails 4 apps将 jQuery 插件添加到我的 rails 4 应用程序
【发布时间】：2016-03-23 14:31:23
【问题描述】：

似乎我遗漏了一些东西，我无法添加jQuery 插件，比如说Mask 插件，我尝试$('form').mask() 时遇到错误，错误c.off is not a function，我敢打赌我无法在正确的位置安装 js 文件，我使用的是 rails 4，我错过了什么？

当我将它们远程包含在

中时

# application.erb
<%= javascript_include_tag  https://cdn.jsdelivr.net/jquery.mask/1.13.9/jquery.mask.min.js" %>

我仍然遇到错误，不仅是那个特定的插件。

更新：我将 jquery.mask.min.js 安装到 vendor/assets/javascripts

我 //= 在 application.js 中需要 jquery.mask.min.js

//= require jquery
//= require jquery_ujs
//= require jquery.mask.min.js

我尝试 $('input').mask('99-999-99');

我收到错误消息说掩码不是函数

【问题讨论】：

【解决方案1】：

您需要下载插件的 js 文件并将其添加到您的 vendor/assets/javascript 文件夹中。然后，您必须在您的 app/assets/javascript/application.js 文件中要求它：

//= require filename

如果您将它放在您的vendors/assets/javascript 文件夹中名为“jquery_plugins”的子文件夹中，您将需要在您的assets/javascript/application.js 文件中使用它，如下所示：

//=require subfoldername/filename

注意：确保在 REQUIRE Jquery 和 Jquery-ui 语句之后去掉 js 扩展并 REQUIRE 它。如果它是一个缩小文件，您必须将 .min 添加到 application.js 文件中的 require 语句中，而不是“.js”扩展名。例如：

//=require subfoldername/filename.min

完成后，重新启动服务器并再次检查。

【讨论】：

【解决方案2】：

既然你已经指定了 jquery 和 rails，那么 jquery-rails gem 怎么样：

它带有您可能需要内置的任何 rails-jquery 集成。它需要 bundle install 和以下两行添加到 application.js：

//= require jquery
//= require jquery_ujs

【讨论】：

【解决方案3】：

看起来您正在尝试做的是将 -tag 添加到您的页面。在这种情况下，您想要做的是添加

<%= javascript_include_tag "https://cdn.jsdelivr.net/jquery.mask/1.13.9/jquery.mask.min.js" %>

到您的布局文件，而不是在您的 application.js 文件中。
另一种方法是通过//=require .....-方法下载该文件，并将其包含在您的application.js 中。

【讨论】：

我第一次尝试是使用这个，仍然有掩码不是一个功能。
在此之前您需要包含 jQuery，但之后您的函数使用掩码。它必须事先定义。也许不使用cdn，而是将文件下载到您的项目中，并在jquery之后将其包含在您的application.js.erb中

【解决方案4】：

好吧，我的错，问题是因为两个都需要，包括 jquery

once //= 在 application.js 中需要

一次 http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.6.4.min.js" %>

来自应用程序布局。

谢谢。

【讨论】：