Question

不想再问这个问题，但其他解决方案都没有让它对我起作用。我是一个完全新手，但我正在尝试将一些简单的JQuery合并到我的Rails网站上。

在我的app \ views \ application.html.erb中：

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

还要阅读包含在页脚中的某处：

<%= javascript_include_tag(:application) %>

但这似乎是重复的。

在我的app \ assets \ javascripts \ application.js中，我有：

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

所以它被注释掉了，不确定那是不是正确？

最后，我在同一个文件夹中的'main.js'中有我的简单jquery代码：

$(document).ready(function() {
$('img').mouseenter(function() {
    $(this).fadeTo('fast', 1);
});
$('img').mouseleave(function() {
    $(this).fadeTo('fast', 0.5);
});
})

谢谢！

Answer 1

在application.js和

中添加它

<%= javascript_include_tag "application" %>

应该适合你。无需在布局中单独声明/加载它。

要加载main.js文件，您还需要在application.js

中指定它。

//= require jquery
//= require jquery_ujs
//= require main.js

需要文件会比需要树更好地控制。加载jQuery两次/三次也可能导致问题。

Answer 2

注释部分不是真正的注释，它是sprockets //=使用的符号，用于了解在创建application.js时要包含的文件。 application.js基本上是一个清单文件（如文件顶部的注释中所写）

使jquery发生，并且能够使用//= require jquery确保使用gem 'jquery-rails'安装jquery gem

另外，在页眉中包含jquery，而不是页脚，因为onload javascript不会对它起作用

将JQuery合并到Rails中

2 个答案: