我是否需要将application.js中的每个Javascript函数都包装在$(function(){}中？
在前端开发中，将JavaScript函数包装在$(function(){})中是为了确保在DOM（文档对象模型）加载完成后再执行相关的JavaScript代码。这样做的好处是可以避免在DOM未完全加载时执行JavaScript代码而导致的错误。
$(function(){})是jQuery库中的一种简写形式，它是$(document).ready()的简化版本。它的作用是在DOM加载完成后执行包含在其中的代码。
在一般情况下，将application.js中的每个JavaScript函数都包装在$(function(){})中是一个良好的实践，因为这样可以确保代码在正确的时机执行，避免出现因为DOM未加载完成而导致的错误。
然而，并不是所有的JavaScript函数都需要包装在$(function(){})中。只有当函数依赖于DOM元素时，才需要将其包装在其中。如果函数不依赖于DOM元素，可以直接定义在全局作用域中。
总结起来，将JavaScript函数包装在$(function(){})中的优势是确保在DOM加载完成后执行代码，避免因为DOM未加载完成而导致的错误。但并不是所有函数都需要包装在其中，只有依赖于DOM元素的函数才需要。
相关·内容
我的应用程序中有引用我的application.js文件的视图，它包含我在整个应用程序中使用的函数。
在使用了Rails 3.1的边缘版本之后，我刚刚安装了Rails 3.1发布候选版本。在安装RC之前，我没有遇到任何问题，但是现在我得到了这个错误：
ReferenceError:找不到变量: indicator_tag
indicator_tag是我在application.js中定义的函数。我在javascript文件中注意到的唯一不同是，现在我的所有函数都封装在：
(function() { ... }).call(this);
我知道这是为了变范围吗？但这能阻止我的页面使用这些变量
浏览 7提问于2011-05-22得票数 23
回答已采纳
1回答
我在Webpacker中使用Ruby on Rails 6。在我的packs文件夹中，我有两个文件夹：frontend和admin。每个文件夹都包含一个application.js文件，因此每个文件夹都显示为javascript/packs/frontend/application.js和javascript/packs/admin/application.js。
在我的特定布局的application.html.erb文件中，我加载了<%= javascript_pack_tag 'frontend/application' %> or <%= javasc
浏览 7提问于2020-08-01得票数 1
我对Rails很陌生，并且尝试使用Javascript，但是无论我走到哪里，我都看到提到了application.js，但是在我的目录中找不到它。
我跟踪并创建了一个博客。但是，在app/assets下没有像我期望的那样的javascript文件夹或application.js文件。
我使用的是Rails 7，在安装过程中，我使用了tzinfo数据宝石，但后来修复了它。
浏览 11提问于2022-05-13得票数 2
在从rails 5升级的rails 6应用程序中，我有以下包文件 #app/javascript/packs/application.js
import "core-js/stable";
import "regenerator-runtime/runtime";
require("trix")
require("@rails/actiontext") 和 #app/javascript/packs/application.scss
@import '../stylesheets/datatables.scss'
浏览 19提问于2020-01-05得票数 0
回答已采纳
我有一个Rails 6应用程序，在其中我试图使用webpacker。我成功地使用了它并导入了我的application.js文件中的所有包，但是现在我只想导入包含jquery和引导程序的application.js文件，并基于控制器动态加载正确的包。
例如，我以前的配置是
import "bootstrap"
require("@rails/ujs").start()
require("turbolinks").start()
require("@rails/activestorage").start()
require("
浏览 3提问于2020-08-23得票数 1
我想使用简单的jQuery函数，如下所示：
$( document ).ready(function(){
$('body').addClass("faded");
});
在rails 5.1.3应用程序中的单个视图中，在本例中为“login.html.erb”
webpack的application.js上有：
var $ = require('jquery');
如果我将jquery调用放在同一个application.js文件中，就可以使用上述的jquery调用，但这意味着它将被调用到所有页面，因为<%= javascr
浏览 0提问于2017-09-08得票数 0
回答已采纳
我有一个id为" link“的链接，我使用下面的javascript在modalbox中打开该链接：
#In my template I have:
<a href="some/path" id="link">link</a>
#Then in my application.js file I have:
document.observe('dom:loaded', function() {
$('link').observe('click', function(eve
浏览 0提问于2010-06-11得票数 2
回答已采纳
我第一次接触到jQuery，我的第一个Rails (3)项目。当我的onChange包含在标题中时，我很难让select语句的application.js被触发。
这是我现在的装备：
头包括：
<%= javascript_include_tag "http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js" %>
<%= javascript_include_tag 'rails' %>
<%= javascript_include_tag 'applic
浏览 3提问于2011-04-30得票数 2
回答已采纳
我正在尝试安装"“和"”。
我还试着安装诸如"“这样的替代宝石，以避免错误，但同样的错误也会发生"Module”。CSS文件加载成功，但JavaScript文件没有加载。
使用以下方法安装Summernote gem：
application.js：
require("@rails/ujs").start()
require("turbolinks").start()
require("@rails/activestorage").start()
require("channels")
requir
浏览 0提问于2020-01-27得票数 0
回答已采纳
我正在尝试使用jquery.datetimeentry，我是一个新手，在使用javascript时遇到了问题。如果我写上：
$(function () {
$.datetimeEntry.setDefaults({spinnerImage: 'spinnerDefault.png'});
$('#defaultEntry').datetimeEntry();
$('#dateEntry').datetimeEntry({datetimeFormat: 'O/D/Y'});
$('#timeE
浏览 0提问于2013-05-17得票数 1
回答已采纳
我无法让jasmine加载我的自定义javascript文件，即使它在浏览器中工作得很好。我已经将javascript减少到最低限度，以避免任何可能的错误，但在最简单的事情上，我仍然得到一个失败的测试。
自定义ARB.js文件：
$(document).ready(function() {
alert('typeof ARB: ' + typeof ARB);
});
ARB = {};
ARB.VERSION = "V1.01.00 2012-08-24";
jasmine配置文件片段(我在Rails 3.0.9上)：
src_files:
-
浏览 2提问于2012-08-26得票数 1
回答已采纳
1回答
我刚刚开始学习javascript，并且想在Rails中使用它。javascript代码非常简单，主要用于实验：
var pageAlert = function(){
alert("This is working");}
$('#refresh-button').on('click',pageAlert);
我必须将代码放在"application.js“文件和函数内部
$(document).ready(function(){...});
否则，它就不会起作用。例如，如果我把它放在"custom.js
浏览 3提问于2013-05-10得票数 0
回答已采纳
我真的不明白webpack的资产装货单。
我创建了这样的JavaScript文件。
// app/javascript/packs/foo.js
import somelibrary;
function someFunction() {
// ...
}
<!-- app/views/layouts/application.html.erb -->
<%= javascript_pack_tag 'foo' %>
这在本地主机上工作得很好，但是当我将它部署到Heroku时，这会导致编译错误，这说明了Could not find somelibr
浏览 0提问于2018-11-06得票数 0
回答已采纳
我将一些实用程序文件插入到主应用程序中。但是在函数Flang()上没有引用: web在控制台中的问题：ReferenceError: FLang没有定义
index.html:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
...
<script type="text/javascript" src="application.js" ></script
浏览 1提问于2014-05-21得票数 0
回答已采纳
我试图在不使用SenchaCmd的情况下运行ExtJ应用程序。下面是我在索引HTML文件中加载的脚本：
<script type="text/javascript" language="javascript" src="dev/ext-all-debug.js"></script>
<script type="text/javascript" language="javascript" src="dev/all.js"></script>
all.js
浏览 4提问于2015-03-04得票数 1
我正在开发Rails 3.1应用程序，我感到困惑的是我应该把自己的javascript代码(例如my.js)放在哪里，以及在哪里放置第三方javascript库(例如jQuery)。
我知道在旧版本的Rails中，javascript应该都进入public/javascripts/目录，当我生成Rails 3.1应用程序时，没有public/javascripts/文件夹，但是有 app /assets/和verndor/assets/，app/assets中有application.js，我想问：
在Rails 3.1中，我应该把app/assets/application.js中的my.j
浏览 3提问于2011-10-14得票数 9
下面是我想要做的事情的一个快速的视觉：
var hostAppJs = {
callMe: function(){
alert("CALL ME FROM MAIN APP ");
}
}
var hookedInEngineJs = {
init: function(){
$('button').on('click', function(){
hostAppJs.callMe();
});
}
}
hookedInEngi
浏览 0提问于2015-03-20得票数 0
回答已采纳
这看起来就像@rossta为回答的问题，但我不理解这个问题，也不太好地回答他的建议。
错误是：Uncaught TypeError: L.timeline is not a function at Object.success (mapTwo.js:14)第14行是var timelineData = L.timeline(data_data, {。下面是完整的代码。
我删除了在Rails 5.2和控制台中工作的传单宝石
yarn add leaflet
yarn add leaflet.timeline
和代码：
// app/javascript/packs/application
浏览 4提问于2020-01-09得票数 0
回答已采纳
假设我们有Rails引擎blog。
发动机的结构如下：
blog
assets
javascripts
blog
master.js
application.js
controllers
...
helpers
...
application.js是
//= require_tree .
master.js保存了一些JavaScript代码。
另外，我的应用程序在/blog上使用这个引擎。
我的问题是:如何从我的应用程序中向引擎添加一些JavaScript代码？
浏览 2提问于2015-01-18得票数 0
回答已采纳
1回答
我有一个Rails应用程序。在每个视图的最底部还必须包含一个javascript (javascript1.js)文件。我将其放在/assets/javascripts文件夹中。Application.js包含以下代码
//= require jquery
//= require jquery_ujs
//= some other files
//= require_directory .
即使Application.js中不包含javascript1.js，它也会自动包含在内，不是吗？
那么我怎么才能做我想做的事呢？
浏览 0提问于2012-12-23得票数 6
回答已采纳
我使用brew upgrade python3将python版本从3.7升级到3.8，但是升级了pipenv和jupyter命令后停止了工作。这些是我到目前为止运行的命令，其他命令可能也不起作用。
这是我运行pipenv时的输出：
-bash: /usr/local/bin/pipenv: /usr/local/opt/python/bin/python3.7: bad interpreter: No such file or directory
这是我运行jupyter命令时的输出：
-bash: /usr/local/bin/jupyter: /usr/local/opt/python/b
浏览 5提问于2020-08-28得票数 1
我很难正确配置和设置自己的JS文件，这些JS文件包含用于特定任务的JS函数。
我浏览了一些文章，发现我需要将我的自定义JS放在JS文件夹-> app/javascript/packs/currency_calculations.js中。
currency_calculations.js
function convert_curr(from, to) {
...
}
function show_convertion(curr) {
...
}
...
然后我尝试将这个自定义JS文件添加到app/javascript/packs/application.js中
import Rai
浏览 4提问于2021-05-01得票数 1
每次我需要在我的Rails 6应用程序(webpacker)上安装一个gem时，我都找不到像以前的Rails版本那样，在gem中需要JS的地方。
这曾经是app/assets/javascripts/application.js的方式。
//= require gem_name
但是现在，由于app/ assets /javascripts已经从资产中消失了
我想我必须要求app/javascript/packs/application.js像这样
require("gem_name").start
但是当我这么做的时候，即使我有我的Gemfile
gem 'gem_n
浏览 2提问于2020-06-17得票数 1
回答已采纳
任何人都有过这个问题-我不能从我的Rails应用程序中的任何页面调用任何JS，而这些页面位于我的应用程序的js文件中。我可以执行外部文件中的代码或嵌入在页面中的代码，但我不是那个文件。我被难住了。任何想法。我正在尝试访问jQwery btw。
这是我的application.html.erb
<%= javascript_include_tag "jquery.jeditable" %>
<%= javascript_include_tag "http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquer
浏览 0提问于2011-06-08得票数 0
回答已采纳
1回答
我是Rails的新手，目前正在努力开发我自己项目的前端。
我想使用morris来显示图表，所以我使用了“MorrisJs”和“raphael”的宝石，并在application.js文件中要求morris和raphael。
然后，我试着遵循来自railscast：的教程，我从morrisjs官方网站复制了示例代码，并通过js2coee2.0将其翻译到CoffeeScript，并创建了一个名为chart.js.coffee under application/assets/javascripts的文件。另外，在我的html文件<div id="myfirstchart" s
浏览 6提问于2017-02-02得票数 1
开发人员伙伴们！
我现在正在学习javascript，现在我正在摆弄eventlisteners。
但我有一个问题，当我在循环中创建eventlisteners时，我不知道如何将它传递给一个持久化的变量。我制作了一个脚本，当我单击元素时，它会将元素移动到指定的位置。但现在它将所有元素放在相同的位置，所以出于某种原因，它们都得到了相同的数字。
不管我是不是像这样传入：
var index = i;
applications[i].addEventListener('click', function(){
var posLeft2 = 10*index+"%
浏览 0提问于2013-01-01得票数 2
回答已采纳
我正在将一个较旧的应用程序升级到Rails 6，它使用webpacker进行所有JS资产管理。
我正在使用pikaday日历库，并通过yarn add pikaday添加了它，验证了它在packages.json中的显示，然后通过require("pikaday")将它添加到我的app/javascript/packs/application.js中。
我有一个名为Datepicker的JS类，用于抽象实际的pikaday日历。我这样做是因为有一天我可能会更改datepicker实现，这样我只需要更改一个类，而不是更新我所有的pikaday调用。
但是，我是否在require(
浏览 1提问于2019-12-16得票数 4
回答已采纳
2回答
有时，我们需要调用一个函数的名称。我可以在普通的JavaScript中这样做，如下所示：
global=this
function add(a,b){return a+b}
global['add'](1,2)
它按预期工作，并调用add()。
等效的CoffeeScript代码可以编写如下所示。
global=@
add=(a,b)->a+b
global['add'](1,2)
它编译为JavaScript，如：
(function() {
var add, global;
global = this;
add = function(a,
浏览 0提问于2011-06-28得票数 3
回答已采纳
我有两个问题。
：我是否错误地假设，在rails 3.1中，即使在开发模式下，我的所有javascripts都应该被默认压缩为application.js ?如果没有，为什么我的标签拥有我所有的30个javascripts，并开始加载？
我的application.js文件如下所示：
//= require jquery
//= require jquery_ujs
//= require jquery-ui
//= require_tree .
在浏览器中，它呈现为：
// This is a manifest file that'll be compiled into includ
浏览 3提问于2011-10-17得票数 13
回答已采纳
我从WrapBootstrap.com下载了一个主题，并试图将其实现到一个新的rails 4.1应用程序中。
我得到了四个目录- css、字体、img和js。我还得到了index.html文件。
我将index.html文件复制到我的应用程序中，并正在向它进行路由。然后，我将每个目录的内容放在适当的资产目录中：
css去了stylesheets，img去了images，js去了javascripts。我不知道如何处理fonts目录。
然后，在我的index.html.erb文件中有很多这样的要求：
这些都存在于javascript和css中。我把所有的代码都取出来，用下面的代码行替换它：
&l
浏览 3提问于2014-05-22得票数 0
回答已采纳
2回答
我有与反应有关的javascript问题。这是页面呈现时铬捕获的错误：
Uncaught TypeError: Super expression must either be null or a function, not undefined
at _inherits (application.js:16301)
at application.js:16310
at Object.232.prop-types (application.js:16549)
at s (application.js:1)
at application.js:1
at Object.233../Collapse (
浏览 5提问于2017-04-26得票数 9
目前，我的application.js文件如下所示：
//= require_tree ./vendor
//= require_directory ./lib
我也有单独的视图的JavaScript文件，例如home.js，user.js等。
人们会将这些文件放在application.js中吗？如果是这样，他们如何激活它们？我的大部分JavaScript都是从jQuery就绪的事件处理程序$(function (){ });执行的
显然，如果它们都在同一个文件中，这是不起作用的。如果这些文件都在同一个文件中，我如何缩小这些文件并访问正确的就绪事件？
任何帮助或小贴士都非常感谢。
浏览 0提问于2012-01-11得票数 0
回答已采纳
我有一个Rails 6应用程序，并使用Webpacker作为资产。
文件app/javascript/packs/application.js中有以下代码：
export var Greeter = {
hello: function() {
console.log('hello');
}
}
我的视图(HTML)文件中有以下脚本：
<script>
$(document).ready(function(){
Greeter.hello();
});
</script>
注意:我使用的是JQuery，它运行得很好
浏览 4提问于2019-10-10得票数 6
我已经在我的Rails应用程序中安装了Webpacker，并且不知道如何将app.js文件包含到app/javascript/packs文件夹中。
我把
<%= javascript_pack_tag 'application' %>
在我的application.html.erb布局中
//= require jquery/dist/jquery
//= require jquery-ui/ui/jquery-ui
//= require jquery-ujs
进入其中。
毕竟从某种角度来看(前)。index.html.erb)我在脚本标记中有一些jQuery：
浏览 0提问于2019-05-29得票数 2
3回答
尝试在我的rails 3.1.1应用程序中设置jQuery和jQuery UI
在我看来我有
<a href="#" id="test_link1">Test</a>
<div id="dialog-modal" title="Basic modal dialog" style="display:none;">
<p>Adding the modal overlay screen makes the dialog look more prominent becaus
浏览 31提问于2011-10-29得票数 1
1回答
我有一些javascript函数，如vote_up，vote_down，update_this，update_that等。
application.js
function vote_up
function vote_down
function update_this...
所有这些函数都发出ajax请求。
通常，当我在application.js中创建vote_up函数时，我会在votes_controller中创建一个方法。我的问题是:如果我为所有ajax请求创建一个AjaxController，这会是一个好的架构吗？
而不是
VotesController
def vote_up
U
浏览 0提问于2011-06-19得票数 0
回答已采纳
1回答
您到底在哪里向rails 3.1.3添加了jquery代码？rails新手，我想在我的rails应用程序中使用masonry.js /。
我将jquery.masonry.min.js添加到app/assets/javascript中，并将//= require jquery.masonry.min放在application.js中，但不确定将masonry javascript代码放在下面的哪里。我认为它会放在application.js中，但有一条评论说不推荐将代码放在那里。有什么帮助吗？
$(function(){
$('#container').masonry({
浏览 0提问于2012-03-03得票数 0
回答已采纳
在这里开发我的第一个Rails应用程序。试图让jQuery在我的视图中工作，据我所知，它只需使用我当前版本的Rails 3.2.8“开箱即用”即可。
我得到的是：
一个名为register#index的视图(带有一个名为“寄存器”的控制器)：
由此视图加载的两个JS文件: application.js和register.js
application.js：
//=需要jquery //=需要jquery_ujs //=需要twitter/引导
register.js：
$(Document).ready(函数(){警报(“Hello，jQuery!")；})；
当我通过
浏览 8提问于2012-10-16得票数 0
回答已采纳
在Rails5.1上运行集成规范时，javascript_pack_tag帮助器会在public/packs/application.js中为已编译的packs/application.js文件生成路径
但是，bin/rails assets:precompile将使用生产配置编译您的包，其中包括摘要。因此，无法找到该文件。
浏览 3提问于2017-02-27得票数 1
回答已采纳
1回答
我正在使用rails 5.1，而且在一个资产管道js文件中使用来自webpacker的自定义类有困难。
我的想法是，如果我有一些实用工具js类，我想在任何地方使用它，我会将它添加到包中，然后能够在webpacker端的任何东西以及管道侧的所有东西中使用它。
// app/javascript/packs/stuff.js
class Stuff {
constructor() {
console.log("*** building stuff! **")
}
}
export default Stuff
如果我想在webpacker端使用它，我只需将它添加到
p
浏览 2提问于2017-06-21得票数 2
回答已采纳
1回答
所以，我正在测试一个脚本，它将从一个数组中获取城市，然后用地理代码找到它们的坐标，然后得到一个城市的拉链。嗯，这对于一个城市来说很好，但是对于一个数组，geoCode有一个查询限制，所以我尝试用setTimeout绕过它，但是由于我在js方面还不是很棒，所以它没有工作。
<head>
<div id= "test"></div>
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false&#
浏览 1提问于2017-01-12得票数 0
回答已采纳
1回答
我的Rails javascripts目录中有几个javascript (咖啡脚本)文件。代码在逻辑上划分为不同的文件。但是，每个文件都以$(document).ready ->开头，并且一些文件共享通用的帮助器函数。
提取helper函数的最佳方法是什么？我是不是应该把它们都放在application.js之前包含的其他文件中呢？
另外，像我这样划分代码，每个页面都执行$(document).ready ->，这正常吗？这不是意味着我的所有代码都会在每个页面上被调用，而不管它是否相关？除了这个组织之外，还有其他选择吗？
我不确定这个问题是特定于Rails还是与javascript
浏览 1提问于2012-11-28得票数 3
回答已采纳
我正在开发wordpress模板。在xhtml文件上，我使用jquery没有问题，但是现在在wordpress无冲突模式下，我的代码给出了错误。
如何将其重写为无冲突？
//Fade in and out animation on hove buttons - meteo, and slide pagination balls
$(window).load(function() {
$("ul.slidebtns li a").hover(function() {
divW = ($(this).next("div").width() /
浏览 0提问于2012-10-03得票数 0
回答已采纳
1回答
我有app/assets/javascripts下的所有javascript文件
一些javascript文件
application.js
effect.js
rails.js
prototype.js
scriptaculous.js
预编译资产rake assets:precompile时，它在公共/资产中创建application.js
但是application.js文件只包含app/assets/javascript/application.js中的内容，不包括其他js文件内容(efect，原型)。
如果我像这样将javascript文件添加到confi
浏览 0提问于2012-06-30得票数 0
回答已采纳
4回答
rails 4& rails 5应用程序中的嵌套表单一直在使用cocoon gem。目前，我正在将rails 5.2应用程序中的一个更新到rails 6 (该应用程序使用cocoon )。
由于rails 6使用的是webpacker，所以我厌倦了在application.js文件中要求cocoon，就像我们以前版本的rails一样。
app/javascript/application.js
//= require cocoon
但不幸的是，事情似乎不起作用。也尝试导入，但当然，它也不能工作，因为茧是不可用的javascript包。
有什么解决办法或替代办法吗？
浏览 0提问于2019-09-17得票数 15
回答已采纳
我正在不经意地从快递源代码中阅读application.js。
这个事件.on是从哪里来的？这是普通的旧javascript，还是提供了这个事件模式的库？
this.on('mount', function onmount(parent) {
// inherit trust proxy
if (this.settings[trustProxyDefaultSymbol] === true
&& typeof parent.settings['trust proxy fn'] === 'function
浏览 1提问于2018-04-17得票数 0
回答已采纳
我只想看看:单击link0，alert 0，单击linkn，alert n，但在我的代码中，无论我单击哪个链接，警报都是n。
在这种情况下，我可以看到link0 link1 ..。link4，但无论我点击哪个链接，它都会提示5。
正文为空
Javascript代码如下：
for(var i = 0; i < 5; i++) {
var link = document.createElement("a");
link.innerHTML = "Link " + i;
link.onclick =function(){al
浏览 0提问于2019-10-29得票数 0
我有一个具有以下JavaScript文件结构的rails应用程序：
- assests/javascripts
- /application
- module1.js
.
.
.
- moduleN.js
- application.js
每个文件如下所示：
var module1 = (function(){
//Lots of code
return {
//Public stuff
}
})();
模块之间需要访问，因此需要公开一些内容。
application.js
/
浏览 2提问于2013-03-28得票数 4
我在HTML页面上引用JavaScript如下所示：
<script type="text/javascript" src="http://code.jquery.com/jquery-1.6.1.min.js"></script>
<script type="text/javascript" src="http://code.jquery.com/mobile/1.0b1/jquery.mobile-1.0b1.min.js"></script>
<script type=&
浏览 0提问于2011-07-01得票数 14
回答已采纳
我已经让正常工作了；但是，它不适用于 (而且我不想禁用Turbolinks)。
当jQuery滑块上的页面通过Turbolinks加载时，如何使其加载？
在application.js中，我有以下处理Turbolinks的代码：
var ready;
ready = function() {
// JavaScript to be triggered by Turbolinks/page:load event
};
$(document).ready(ready);
$(document).on('page:load', ready);
我可以向JavaScript的这一
浏览 1提问于2015-05-04得票数 3
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
