作者:mobiledu2502911797 | 来源:互联网 | 2023-01-15 18:15
我想我从根本上误解了如何在我的rails应用程序中实现Javascript.我的理解是你将Javascript抛出到你的application.js
文件中,然后你可以使用DOM来引用元素jQuery
,以便创建一个交互式网页.
我刚检查了所有代码,看起来很干净(如果我错了,请在下面发布).我的想法是我可能把我的Javascript放在错误的地方,或者我在某个地方错过了依赖?我发现其他帖子对我来说几乎无益.如何将Javascript合并到我的应用程序中?
的application.js
function main() {
$('.answers-box').hide();
$('.qaa-box').on('click', function() {
$(this).next().slideToggle(400);
});
}
$(document).ready(main());
page.html.erb
Lorem ipsum dolor sit amet, consectetur adipiscing elit
Lorem ipsum dolor sit amet, consectetur adipiscing elit
小智..
5
你找到了吗?
在哪里坚持你的Javascript.
在哪里坚持你的Javascript
无论您是使用Rails资产管道还是
直接向视图添加标记,您都必须选择放置任何本地Javascript文件的位置.
我们为本地Javascript文件选择了三个位置:
该app/assets/Javascripts
文件夹
该lib/assets/Javascripts
文件夹
该vendor/assets/Javascripts
文件夹
以下是为脚本选择位置的准则:
使用app/assets/Javascripts
Javascript的您为您的应用程序.
使用lib/assets/Javascripts
了由许多应用程序共享脚本(但使用的宝石,如果你能).
使用vendor/assets/Javascripts
了jQuery插件等,从其他开发商的副本.
在最简单的情况下,当所有Javascript文件都在app/assets/Javascripts
文件夹中时,您无需做任何其他事情.
在其他任何地方添加Javascript文件,您将需要了解如何修改清单文件.
神秘的清单
Javascript资源文件夹中有两种文件:
普通的Javascript文件
清单文件
您还可以拥有普通 Javascript文件的变体CoffeeScript
文件和文件.ERB
清单文件与普通Javascript文件具有相同的.js文件扩展名.清单文件和普通Javascript文件可以组合在一个文件中.这使得清单文件变得神秘,或者至少是非显而易见的.
默认的app/assets/Javascripts/application.js文件是manifest file
.它是一个清单文件,因为它包含指令:
//= require jquery
//= require jquery_ujs
//= require_tree .
指令告诉Sprockets应该组合哪些文件来构建单个Javascript脚本.包含清单指令的每个文件都将成为与原始清单文件同名的单个Javascript脚本.因此,app/assets/Javascripts/application.js
清单文件变成了application.js
脚本.
当清单文件包含默认的// = require_tree时,文件app/assets/Javascripts
夹中的所有脚本都会自动添加到默认application.js
脚本中.指示.
希望这可以帮助.
1> 小智..:
你找到了吗?
在哪里坚持你的Javascript.
在哪里坚持你的Javascript
无论您是使用Rails资产管道还是
直接向视图添加标记,您都必须选择放置任何本地Javascript文件的位置.
我们为本地Javascript文件选择了三个位置:
该app/assets/Javascripts
文件夹
该lib/assets/Javascripts
文件夹
该vendor/assets/Javascripts
文件夹
以下是为脚本选择位置的准则:
使用app/assets/Javascripts
Javascript的您为您的应用程序.
使用lib/assets/Javascripts
了由许多应用程序共享脚本(但使用的宝石,如果你能).
使用vendor/assets/Javascripts
了jQuery插件等,从其他开发商的副本.
在最简单的情况下,当所有Javascript文件都在app/assets/Javascripts
文件夹中时,您无需做任何其他事情.
在其他任何地方添加Javascript文件,您将需要了解如何修改清单文件.
神秘的清单
Javascript资源文件夹中有两种文件:
普通的Javascript文件
清单文件
您还可以拥有普通 Javascript文件的变体CoffeeScript
文件和文件.ERB
清单文件与普通Javascript文件具有相同的.js文件扩展名.清单文件和普通Javascript文件可以组合在一个文件中.这使得清单文件变得神秘,或者至少是非显而易见的.
默认的app/assets/Javascripts/application.js文件是manifest file
.它是一个清单文件,因为它包含指令:
//= require jquery
//= require jquery_ujs
//= require_tree .
指令告诉Sprockets应该组合哪些文件来构建单个Javascript脚本.包含清单指令的每个文件都将成为与原始清单文件同名的单个Javascript脚本.因此,app/assets/Javascripts/application.js
清单文件变成了application.js
脚本.
当清单文件包含默认的// = require_tree时,文件app/assets/Javascripts
夹中的所有脚本都会自动添加到默认application.js
脚本中.指示.
希望这可以帮助.