如何在jQuery中触发$().ready()？
在jQuery中，可以使用$().ready()方法来初始化并执行一个函数，该函数会在DOM加载完成后执行。以下是使用$().ready()的示例代码：
$(document).ready(function() {
// 函数代码
});在这个示例中，$(document).ready()函数会在DOM加载完成后执行，并且仅执行一次。可以在这个函数中编写需要初始化的代码，例如加载外部脚本、创建XMLHttpRequest对象等。
除了$(document).ready()方法，jQuery还提供了$(window).on('load', function() {})、$(document).on('DOMContentLoaded', function() {})等方法来初始化并执行函数，这些方法可以在页面完全加载后执行，并且可以多次调用。使用这些方法可以更灵活地控制初始化代码的执行时机。
相关·内容
在jQuery就绪事件逻辑中：
// Catch cases where $(document).ready() is called after the
// browser event has already occurred.
if ( document.readyState === "complete" ) {
// Handle it asynchronously to allow scripts the opportunity to delay ready
return setTimeout( jQuery.ready, 1 );
}
您能否解释一下这
浏览 3提问于2012-11-21得票数 5
回答已采纳
对于jQuery事件，只有一个简单的问题。加载DOM时，.load()、.ready()和.unload()是否按顺序运行？当我看到jQuery文档时，答案似乎是肯定的。
<script type="text/javascript">
$(window).load(function () {
// run code
initializeCode();
});
$(document).ready(function() {
//run code that MUST be after initia
浏览 2提问于2010-04-21得票数 71
回答已采纳
使用jQuery，有没有办法在页面加载后的某个时刻重新触发document.ready触发器？
更新:一旦它们运行，jQuery就会去掉它们。在我的实验中，看起来一旦触发了初始的().ready事件，jQuery就会立即运行ready回调。
浏览 1提问于2009-02-18得票数 13
回答已采纳
我创建了一个显示这个问题的Codepen：
在Chrome中，它会在window onload事件之前正确地触发DOMContentLoaded事件和jQuery文档就绪事件。然而，在Firefox中，顺序是：
DOMContentLoaded
window.onload
$(window).on('load', function() { ... });
$(document).ready();
$(function() { ... });
window.onload和jQuery window onLoad都会在jQuery document ready事件之前触发。我很确定
浏览 4提问于2020-05-20得票数 4
我已经将多个文件中的多个函数附加到$(document).ready，并希望在它们之前附加一个函数，作为$(document).ready处理的第一个函数，或者在$(document).ready处理程序之前独立触发。
有没有办法处理作为jQuery.fn.ready的一部分的jQuery在内部触发的函数的顺序，或者挂接在jQuery.fn.ready之前调用的函数。
在第三方脚本中编辑jQuery.fn.ready是安全的吗，还是会在其他第三方插件中造成可怕的连锁反应(除了编辑jQuery.fn.ready本身的插件)
编辑
举个例子
$(document).ready(function b
浏览 0提问于2010-11-04得票数 11
回答已采纳
情况是这样的..。我有一个指令，在link函数中，我将ready jquery函数附加到元素，以便在加载指令视图后可以执行一些操作。如下所示：
link: function($scope, element, attrs) {
element.ready(function() {
...
}
}
此指令位于使用ng-cloak的body标记中。我的问题是，这个函数会在整个文档加载后调用吗？(这似乎是Jquery的文档所建议的)
我应该使用：
$scope.$on('$viewContentLoaded', MyViewReadyFunction
浏览 2提问于2015-08-01得票数 0
在Rails中使用jQuery ready事件时，我注意到一些奇怪的事情。如果处理程序是在<head>部分中添加的，无论是直接在脚本标记中还是在使用<%= javascript_include_tag ...包含的资产管道文件中，它将只在第一个页面请求时执行，而不会在后续请求中执行。也就是说，浏览器加载/刷新页面的显式操作将执行该页面，但不会执行因单击链接而触发的新页面视图。
另一方面，如果它包含在<body>中，它将在每次页面查看时触发-正如您所预期的那样。
<head>
<script>
jQuery(document).ready(f
浏览 0提问于2013-07-19得票数 2
回答已采纳
2回答
我正在尝试使用jQuery来定位一个元素，该元素嵌入在我的一个knockout模板中：
<script type="text/html" id="video-file-template">
<div class="video" data-bind="attr: { 'data-index': $index }">
</div>
</script>
然而，当我尝试使用封装在文档就绪函数中的jQuery选择$('.video')时，我得到一
浏览 2提问于2015-03-10得票数 2
我更新了我的代码并修改了我的问题：
我正在尝试创建以下条件。当单击带有空href属性的链接(例如href="")时，将启动一个模式，并防止该链接的默认行为。
但是，当href属性包含一个值(href="www.something.com")时，我希望链接能够像往常一样使用默认行为工作。
出于某种原因，我的代码不起作用。任何帮助都是非常感谢的。
// Semicolon (;) to ensure closing of earlier scripting
// Encapsulation
// $ is assigned to
浏览 0提问于2015-09-10得票数 1
回答已采纳
在这个线程中，它回答的window.onload与jquery.ready相比是最晚的。
在这个线程中，它声明的jquery的普通JS版本是DOMContentLoaded (它运行的时间比window.onload早得多)：
但当我测试的时候。与其他事件相比，jquery.ready是最晚的一次。为什么会这样呢？
jQuery(document).ready(function() {
console.log("ready (jquery)");
});
jQuery(window).on("load", function() {
consol
浏览 10提问于2022-01-10得票数 1
您能将jQuery代码放在.ascx页面中吗？
我有一个在ASP.NET项目中使用的用户控件。当我在default.aspx页面上选择某项内容时，会动态创建该控件的多个实例。我想用jQuery操作该用户控件的一部分。然而，jQuery似乎没有加载。
我在MasterPage中引用了jQuery库。我从我的default.aspx测试了以下代码，它可以工作，但当我在我的ascx页面中使用相同的代码时，我没有得到任何响应：
<script type="text/javascript" charset="utf-8">
if (typeof ($)
浏览 1提问于2013-06-05得票数 1
我有一个我正在使用的jQuery插件：
$(document).ready(function(){
$('.elements').fancyPlugin();
});
在我开始添加新元素之前，这非常有效：
$.get('ajax.html', function(data){
$('#container').html(data);
});
我可以像这样再次调用插件函数：
$.get('ajax.html', function(data){
$('#container').html(data).
浏览 3提问于2011-07-22得票数 21
回答已采纳
在我的应用程序中，我实现了jquery datepicker和rails客户端验证。但是即使在我选择了日期之后，我得到的错误是“不能为空”，并且表单没有被提交..选择日期后如何通过验证。
请在下面找到我的datepicker代码。
jQuery(document).ready(function($){
$('#project_start_date').datepicker({ dateFormat: "yy-mm-dd",onSelect: function(selected) {
$("#project_end_date").datepi
浏览 3提问于2012-12-22得票数 2
我有一个脚本，它在画布上绘制一个带有图像的QR代码。
它使用的是一个插件，而且通常--所有的功能都很好--但不是用铬。
HTML
<img id="#o99-qrs-img-buffer" src="http://localhost/www.beta.com/logo1.png"
style="display:none">
<div id="o99_qrcode" class="code"></div>
JS脚本如下(忽略PHP部分--它运行得很好)：
jQuery(
浏览 5提问于2013-12-25得票数 0
回答已采纳
我有fancybox弹出在magento hrader.phtml文件和弹出当你点击链接很好。但我想根据php代码中的if语句，在不单击的情况下触发fancybox。弹出窗口的链接与php一起工作良好，弹出窗口将会打开。
我不确定这个问题是因为jQuery和magento的冲突，还是有其他的花哨的盒子。以下是我的代码
if ($display_popup == 1) {
echo "<br> DISPLAY POPUP";
?>
<a id="inline" href="#thankyou">po
浏览 4提问于2013-12-31得票数 2
我有一个功能齐全的"#html5-video-7345".视频，它的ID是HTML5
我正在尝试使用jQuery来控制它，但我不知道如何控制它。
注意:我不需要自动播放，这只是我需要的简化版本：
jQuery(document).ready(function(){
alert('test1');
jQuery('#html5-video-7345').player.play();
alert('test2');
});
提醒"test1“两次。
同样的情况发生在jQuery('#html
浏览 5提问于2012-01-03得票数 2
回答已采纳
我想在页面加载后显示文件对话框。我尝试使用JS来触发jQuery文档就绪事件中文件输入的单击事件，但是这种方法只在IE11中工作，在Chrome中不起作用(41.0.2272.118)。我怎样才能让它在Chrome中工作？
下面是我的代码，它在Chrome中不工作，但在IE中工作：
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>My HTML File</title>
&
浏览 3提问于2015-04-06得票数 1
我正在将部分视图移动到查看组件的过程中，因为Microsoft的组件比部分视图要好得多，特别是在处理复杂视图方面。
对于我现在正在移植以查看组件的部分视图，我有很多jQuery脚本。通常，我在我的jQuery函数中调用$(document).ready()组件，如下所示：
$(document).ready(function(){
Component1.init();
Component2.init();
....
})
这种逻辑非常有用，因为必须多次更新这些视图。因此，当有部分视图时，组件被重新初始化，因为当部分视图文档在更新后准备就绪时，$(document).re
浏览 8提问于2020-04-16得票数 2
回答已采纳
jQuery docment.ready不从第二个屏幕被解雇，而在第一个/初始屏幕中被解雇。
jQuery移动也包含在html中，jQuery移动阻塞document.ready，我在某个地方读到，我们必须使用jQuery Mobile的“pageinit”而不是“document.ready”。但是这个应用程序是为所有平台开发的--桌面、平板电脑和移动。
那么，在这种情况下，什么才是合适的解决方案？在所有页面上从document.ready更改为pageinit是很乏味的。
浏览 7提问于2016-02-21得票数 0
jQuery.ready()中应该包含什么内容，应该包含哪些内容？
从性能的角度来看，我在某处读到，将所有代码包装在一个jQuery.ready()中并不是一种有效的方法。
然后我的问题是:什么应该进来，什么可以没有问题地被淘汰(我想委托可以放在外面，但这是一个快速猜测)？
谢谢
浏览 0提问于2011-05-05得票数 4
回答已采纳
我只是想像这样传递参数，而pdf生成
在show_pdf.html.erb中
<%= javascript_include_tag "http://code.jquery.com/jquery-1.10.0.min.js" %>
<%= javascript_include_tag "http://code.jquery.com/ui/1.10.3/jquery-ui.min.js" %>
<script>
$(document).ready(function () {
var header_height = $(
浏览 2提问于2014-07-07得票数 0
我无法触发document.load事件，而在jQuery 2+中，也不能让document.ready触发。如何使document.ready在jQuery 2+中工作，以及如何使.load工作？
谢谢!
Fiddle：
(function($) {
$(document).ready(documentReadyFunction);
$(document).load(afterPageLoad);
function documentReadyFunction() {
$('#readytext').val('READY');
}
functio
浏览 3提问于2014-02-04得票数 1
回答已采纳
我正在使用
我有这个代码。
$(document).ready(function() {
jQuery("input[name=file]").change(function(e){
if( browserType == "MSIE" ){
jQuery("#start_campaign").ajaxForm({
target: '.imgPreview',
url: hos
浏览 1提问于2012-11-26得票数 0
回答已采纳
我有一个SharePoint的母版页，在母版页中，我尝试从列表中检索一些数据，并将它们显示在使用我前面提到的母版页的站点页中。
但问题是，当我尝试将我在母版页中检索到的数据存储到隐藏字段时，我无法获得最新的更新数据。我没有使用隐藏字段，而是尝试使用cookie (一种jquery插件)来存储数据并将其放入站点页面中。但我也拿不到最新的数据。
最后，我发现了问题:站点页面的document.ready()方法是在母版页的document.ready()方法之前调用的，所以即使页面回发，我也总是获得旧数据。
我还能有更好的方式在母版页和网站页之间通信吗？
或者有什么方法可以确保母版页的docume
浏览 1提问于2012-10-18得票数 3
回答已采纳
在jQuery中同时使用ready和ajaxStop的最佳方式是什么？目前我使用的是：
jQuery(document).ready(function($) {
$(document).bind('ready ajaxStop', function() {
$('[rel=tooltip], [data-toggle="tooltip"]').tooltip({
html: true
});
});
});
对我来说，在ready中使用ready似乎是多余的。这是
浏览 1提问于2013-09-24得票数 0
我在单页模板中使用jQuery手机(每个页面都是一个单独的html文件)。我想要预取一个通过Ajax加载内容的页面。我将预取代码放在第一页的Document.ready()函数中
$.mobile.loadPage("my-projects.html", { showLoadMsg: false });
在第二个页面的Document.ready()函数中调用ajax，我希望预取该函数。这个ajax调用不会在我们预先检测到该页面时发生。有没有办法做到这一点。请帮帮忙
浏览 4提问于2012-06-15得票数 6
我正在制作一个不依赖jQuery的插件，为了更好地使用现有的各种流行的jQuery特性和插件，必须在达到DOM结束后执行函数，但是不需要在之后执行以后使用jQuery .ready()排队的任何内容。
标准的非jQuery .ready()替代方案是document.addEventListener("DOMContentLoaded",function(){});。
如果页面具有同时使用jQuery .ready()和DOMContentLoaded的函数：
所有jQuery .ready()的执行顺序按照定义的顺序进行。
.然后按照定义的顺序执行所有的：
.
浏览 3提问于2015-05-29得票数 2
一旦触发$(document).ready()，JQuery就会解除绑定document.ready()。
jQuery( document ).trigger( "ready" ).unbind( "ready" );
我想重新绑定$(document).ready()，以便可以在我的助手函数中手动调用它(调用jQuery.ready()或jQuery(document).trigger("ready"))。
我可以编写一个单独的函数，并在document ready和helper中调用，但我不能这样做，因为我想编写一个可以在任何页面上使用的通
浏览 1提问于2012-01-31得票数 3
我在使用jQuery $(document).ready和headjs框架v1.0.3时遇到了问题，它的head.ready功能只在Internet上使用(版本11，不能尝试旧版本)，而且只有十分之一.
就在我的</body>之前：
head.load('//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js',function() {
head.load('//ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/jquery-ui.min.js&
浏览 1提问于2015-10-02得票数 0
回答已采纳
2回答
我希望这不会让人困惑。我有两份名单：
<ul class="list_A">
<li class="item_1"></li>
<li class="item_2"></li>
<li class="item_3"></li>
</ul>
<ul class="list_B">
<li class="item_1"></li>
<li cla
浏览 4提问于2014-04-08得票数 1
回答已采纳
我在我的项目中使用jquery和requirejs。最近，我发现了一些我从未想过的东西。如果我通过requirejs加载jquery，它是什么。DOM就绪事件总是在window.onload事件之后触发。
下面是我的例子：
<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8 />
<title>JS Bin</title>
</head>
<body>
<img src="http://thejetlife.com/wp-conte
浏览 1提问于2013-09-13得票数 6
回答已采纳
如果我有这样的代码：
jQuery(document).ready(function() {
jQuery('body').on('mouseup', '.some-div', function(e){
});
});
是否可以在(文档).ready()外部触发mouseup事件
jQuery('.some-div').mouseup();
或者我应该写这段代码
jQuery('body').on('mouseup', '.some-div'
浏览 6提问于2015-12-25得票数 1
回答已采纳
1回答
Jquery不适用于Rails
、、、、
在我添加的rails.In comments.js文件上使用jquery有困难
//= require jquery
//= require jquery_ujs
//= require cocoon
//= require bootstrap-sprockets
//= require turbolinks
//= require_tree .
$( document ).ready(function() {
alert("This javascripts thing is reals making me mad!");
});
$(document).ready(fu
浏览 2提问于2016-07-19得票数 0
问题：
如果我链接了两个都使用$(document).ready函数的JavaScript文件，会发生什么情况？其中一个会覆盖另一个吗？或者两个$(document).ready都会被调用吗？
例如,
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
<script type="text/javascript" src="http://.
浏览 64提问于2011-03-11得票数 380
回答已采纳
1回答
在用户填写表单后，我正在尝试验证帐户名称是否尚未使用。代码如下所示：
$("#add_account").submit( function () {
$.get(
"'.url::site("ajax/check_account_name").'",
{account_name: "t"},
function(data){
alert( data );
浏览 2提问于2010-05-05得票数 0
回答已采纳
我的页面上有几个嵌入式iframes，我正在寻找iframe中的单击事件，以在父框架上触发警报。( iframe和父框架是相同的域)。
iFrame元素( iframe有一个class="iframe1"类
<a class="button" href="#">Trigger Parent Frame Alert</a>
iFrame jQuery：
$(document).ready(function() {
$('.button').click(function() {
window.p
浏览 2提问于2012-02-14得票数 0
回答已采纳
我有以下代码，其中我尝试在jQuery中为选择组合框创建更改时事件处理程序，但我从未看到警告消息。这里出了什么问题？
$(document).ready(function () {
var combo = $("#Supplier_Sel").combobox();
$($('.ui-combobox-input')[3]).css('width', '300px');
$("#toggle").click(function () {
$(
浏览 2提问于2012-07-09得票数 2
回答已采纳
1回答
我目前在页面上有两个链接，，我想把它放在一个html下拉列表中，下面的当前代码，任何带有ezjax类的锚点都会将链接的页面加载到div，ezjax内容中。
<div id="homePagePropertySearchBox">
<a class="ezjax" href="../../../searchForms/searchOne.html">Search One</a>
<a class="ezjax" href="../../../searchForms/s
浏览 1提问于2011-03-08得票数 0
回答已采纳
我有这样的代码：
<script type="text/javascript">
jQuery(document).ready(function () {
jQuery("li.on ul").attr("style", "display:block");
jQuery("li.on").addClass("open");
});
</script>
我在控制台中输入了'$‘和'jQuery’，看看是否定义了它们
浏览 1提问于2015-06-13得票数 1
我正在研究WordPress / WooCommerce
我的要求是，当客户在购物车页面上时，我希望每5秒刷新一次购物车(，)，没有页面加载。
如果客户在购物车中添加了1种产品，价格是₹8.00
稍后，Admin将产品的价格从₹8.00更改为₹10.00
如何在不刷新页面的情况下显示最新价格？
我正在使用这段代码，但不起作用。
(function( $ ) {
'use strict';
jQuery( document ).ready(function($) {
function refresh_fragments() {
浏览 2提问于2021-10-22得票数 1
回答已采纳
我正在尝试点击vimeo播放器全屏上的文档就绪。
我该怎么做呢？
<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script>
$(document).ready(function () {
$('.fullscreen-icon')[0].cl
浏览 2提问于2019-03-28得票数 0
之间有什么区别
$(document).ready(function(){
//my code here
});
和
$(window).load(function(){
//my code here
});
我想确保：
$(document).ready(function(){
})
和
$(function(){
});
和
jQuery(document).ready(function(){
});
是一样的。
你能告诉我他们之间有什么不同和相似之处吗？
浏览 3提问于2011-12-06得票数 363
回答已采纳
我正在为我的当前项目使用require js和jquery。我想知道在require.js中使用document.ready的最佳方式是什么。
我当前的文件结构：
main.js
define(["Jquery"], function () {
$(document).ready(function () {
$("#SomeButton").click(function () {});
});
test.js
define(["main"], function () {
$(document).ready(function ()
浏览 0提问于2012-10-29得票数 2
我正在尝试使用jquery在Pageload上打开一个弹出窗口。我想这就是我应该用来在Asp.Net应用程序中单击按钮后显示弹出窗口的地方。如何在Pageload上获得弹出窗口。
$(document).ready(function(){
$("#button").click(function(){
centerPopup();
loadPopup();
});
});
提前谢谢你！！
浏览 0提问于2011-08-12得票数 1
当我将jQuery 1.12.4和jQueryUI 1.12.1合并到一个JS文件中时，在jQuery文档就绪函数$(function(){...})中无法定义事件$(window).on('load', f)。
特别是，当页面内容加载速度快于启动jQuery脚本(即缓存)时，将触发文档就绪事件，但会跳过$(window).on('load')。只有当页面必须加载一些新的非缓存内容(如大照片)时，文档就绪事件才会完成，然后还会触发event $(window).on('load', f)，我可以在控制台中看到。
另一个奇怪的行为是，当我只使用jQ
浏览 0提问于2019-09-03得票数 1
在jAlert中单击确定时，不会触发任何内容，甚至对话框不会关闭：
$(document).ready(function () {
$("#confirm_button").click(function () {
jAlert("Submitted", "Approval", function () {
//My code goes in here
});
});
});
我需要得到的事件在OK点击，请帮助我在这！
HTML
<html>
<he
浏览 2提问于2012-04-10得票数 2
回答已采纳
2回答
我正在尝试触发页面上的点击函数，并在选择的下拉选项上使用jQuery，以便后续操作可以进行，但无法工作。
我试过：
jQuery("document").ready(function() {
setTimeout(function() {
jQuery("customlist_chzn_o_2").trigger('click');
},10);
或
jQuery("document").ready(function() {
jQuery('#customlist').val(9).trigg
浏览 2提问于2016-10-09得票数 3
回答已采纳
1回答
我有一个“更改”函数，我想在页面负载上触发它。
$(document).ready(function () {
$(".myfunc").trigger("change");
$(document).off("change", ".myfunc").on("change", ".myfunc", function (event) {
alert("ok");
});
});
<script src="https://ajax.googleapis.co
浏览 0提问于2018-06-20得票数 0
回答已采纳
当单击行时，我使用下面的选项来切换行中的复选框：
jQuery(document).ready(function(){
jQuery(".et-row").on('click',function(){
vartheinputs=jQuery(this).find('input');
if(jQuery(vartheinputs).is(":checked")){
jQuery(vartheinputs).prop("checked",false).trigger("change");
}
else{
浏览 3提问于2016-10-29得票数 0
回答已采纳
此代码在页面加载时触发，但在实际发生更改事件时不会触发。
jQuery('select#order_note_type').change(function() {
//random code here
});
我必须补充一点，它不在ready方法中。我需要绑起来吗？
编辑：我将代码更改为在$(document).ready()中，并使用了bind，但我仍然得到了仅在页面加载时触发的方法：
jQuery(document).ready(onReady);
function onReady() {
jQuery('select#order_note_type
浏览 3提问于2012-04-10得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
