$(document).ready()不走的可能原因

最新推荐文章于 2024-09-06 17:37:11 发布
原创 最新推荐文章于 2024-09-06 17:37:11 发布 · 1.1k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#javascript #ViewUI

本文探讨了在未引入jQuery的情况下使用类似$(#load_html_data)操作导致的问题，并提供了有效的解决方案。
1.没有引入jquery
2.类似$("#load_html_data")操作时没有找到load_html_data元素
$(document).ready（）不走，因为如下代码
永生
06-06 310
在jsp页面中将如下js删除，$(document).ready（）才能走动 [code="java"] var j = jQuery.noConflict(); jQuery(function() { jQuery('.hdm01>h3>a').mousedown(function() { TabSelect(".hdm01>h3>a", ".hdm01>div.ta...
$(document).ready中的内容没有执行
daiqinge的博客
10-27 5243
由于前段代码和后端代码 的不一样，导致习惯后端开发的人，找不出前段的常见错误。 比如前端调用一个函数，这个函数不存在或者函数名写错一个字符， 这个时候，页面一直处于错误状态，但是 终端console并没有报错。 这个时候，其实就要检查前端代码了。对前端代码逐段屏蔽，看看哪里出错了导致加载完成不了，从而不执行$(document).ready中的内容 $(document).read
$(document).ready(function()不执行
weixin_41692437的博客
07-10 3885
有很多原因 一、可能是js标签写的不合理 二、如果用的某个框架，例如layui框架，需要注意，这些框架有的会对标签进行一些封装处理。 需要在js标签的外边写这个{block name="script"}和{/block} 另外，标签不能重复，有的人习惯，写多个js标签，类似上面，但是{block name="script"}和{/block}只能写一个 这种的情况下就会报错，不执行，需要格外注意。 ...
在js文件中使用$(document).ready失效的问题
qq_21549989的博客
01-16 4258
出现这种情况多半是引入js的顺序出现了错误 错误的： 正确的： $(document).ready(function(){});这是个jquery的方法，所以要先引入jquery文件。
关于使用jQuery时$(document).ready()方法失效问题
小猴子的博客
09-06 3889
关于使用jQuery时$(document).ready()方法失效问题 <script type="text/javascript"> //页面加载后自动执行，不需要按钮或事件触发 window.load=function(){} $(document).ready(function () { //第一步：发送Ajax请求去访问/recommend接口，获取JSON alert('da') $.get('/recommend',f
$(document).ready(function() {})不执行初始化脚本
09-04
然而，有时候我们可能会遇到`$(document).ready()`函数不执行初始化脚本的问题，就像题目中描述的那样。 首先，我们需要理解`$(document).ready()`的工作原理。这个函数是jQuery库的一部分，它提供了一种优雅的方式...
JQuery 引发两次$(document.ready)事件
10-29
然而，有时我们可能会遇到`$(document).ready`被触发两次的情况，这通常会导致代码执行的异常，比如在ASP.NET MVC工程中的Search按钮点击事件被执行两次的问题。这个问题可能由多种原因造成，特别是在使用了像jQuery...
jquery中的$(document).ready()使用小结
12-11
$(document).ready(function(){…. })这个函数是用来取代页面中的[removed]; document.ready()和传统的方法<body onload=”load()”> 相似，不同的是onload()的方法是在页面加载完成后才发生，这包括DOM元素和...
精选资源
Jquery中$(document).ready(function(){ })函数的使用详解
01-19
jQuery(document).ready(function(){}); 使用jQuery的好处是它包装了各种浏览器版本对DOM对象(javascript的DOM对象你应该知道吧，就是它了)的操作. 比如jquery写法：$(“div p”); // (1)$(“div.container”); // ...
关于$(document).ready()失效的问题解决
u010116861的专栏
08-19 1万+
在使用vs2013开发wepAPP的过程中，使用了jquery 和jquery mobile 的js文件，当点击一个服务器按钮执行后台代码时，$(document).ready()里的js脚本却不执行了。其实并不是失效了，而是这个页面是jquery mobile的加载模式，也就是ajax的异步加载，只是加载了dom元素，mobile默认使用Ajax方式请求页面，然后渲染成页面，直接操作当前页的Do
使用jQuery的$(document).ready()报Uncaught TypeError: Cannot read property ‘ready‘ of null
bueslicheng的博客
09-06 416
在百度上看到的解决方法都是检测调用的jQuery库是否未在$(document).ready()方法前加载，或者代码有没有敲错之类的，在确认过引用jQuery库的位置与写的代码没问题后仍然存在该报错。2.实在没办法后只能开始注释掉前面其他功能的代码发现好了。让后一个功能一个功能的注释过去发现注释掉关于定时显示时间相关的代码就可以了。1.翻译这个报错的意思是我选中的这个document对象为空，这个空的对象不存在ready。
运用 ready 事件解决 jQuery 文件的加载错误问题
weixin_44542089的博客
01-19 390
在写JS的过程中我们常常会运用到jQuery框架文件,那么在调用了jQuery函数库后,许多注意事项也接踵而来,列如：jQuery文件加载失败。 加载失败原因：在写完script标签后我直接function输入了代码,导致在页面请求过程中jQuery文件还没有加载完成,或是文件中的一部分加载失败,正是因为这个原因浏览器就会报错,显示Javascript的代码有问题,从而无法执行。 解决方法：r...
$(document).ready(function(){});不执行
weixin_33910137的博客
05-25 795
这里可能会有以下几种原因，请你挨个排查： 1.jqury的文件一定要引入1、js文件的引用路径不正确，特别是使用了命名空间，容易造成路径错误，使用绝对路径看是否成功 2、某一些函数使用错误，举个例子，如果GetByJquery()存在错误，就会导致整个js不会执行，可以把所有函数都注释掉，只看$(document).ready(function(){});是否会执行 3、$选择器所选的内容是否存在...
$(document).ready(function() {})不执行的问题
weixin_33937778的博客
06-22 8293
今天发现一个页面始终不执行初始化脚本，代码如下： <script type="text/javascript" src="Script/jquery-1.11.1.min.js" /> <script type="text/javascript"> $(document).ready(function() { ale...
JQuery 在页面加载完 在$(document).ready(fn)函数里直接调用一个A标签的click事件没效果的解决方案
隔壁张同学
05-26 786
A标签的click事件没效果出现的原因：解决方案 出现的原因： 在表格的最后一列添加操作列，列的内容为超链接内容，可能是查看详情，需要调用一个a 标签的onclick方法进行操作。 $(document).ready(function () { //这里的表格没写上来(这是表格的最后一列) { title: "操作", data: "id",// 后台接口返回的json数据的key mRender: function(data, type, row,iDataIndex) {
Jquery中的$(document).ready()详解
热门推荐
白及
03-14 2万+
window.onload = function(){ alert("welcome"); } 这样的写法作用是希望在页面加载完，自动执行定义js代码（function）。 $(document).ready(function(){.... })这个函数是用来取代页面中的window.onload; document.ready()和传统的方法 相似，不同的是onload()的方法是在页面加
$(document).ready 讲一下
最新发布
10-21
<think>首先，用户的问题是关于 $(document).ready 的详细介绍。我需要参考提供的引用内容，但不能直接复制粘贴；要自然地整合并确保语法正确。 关键引用内容总结： - 引用[1]：$(document).ready(function(){})、$().ready(function(){}) 和 $(function(){}) 是等价的。最完整的是 $(document).ready(function(){})，但可以简化。[^1] - 引用[2]：$(document).ready() 在DOM加载完成后执行，比 window.onload 快，因为后者需要所有资源加载完成。[^2] - 引用[3]：选择取决于需求：$(document).ready() 用于DOM加载完成时，window.onload 用于所有资源加载完成时。[^3] - 引用[4]：$(document).ready(function() {...}) 确保页面DOM加载完成后执行代码，避免问题。[^4] - 引用[5]：$ 是jQuery的简写，$(document) 选择所有元素，调用ready方法，允许多个函数共存。[^5] 用户的问题："我想了解 $(document).ready 的相关知识 请问$(document).ready 的详细介绍"。所以，我需要提供详细的解释。 回答结构要清晰： - 定义和目的 - 语法和使用方式 - 与 window.onload 的区别 - 优点和最佳实践 - 相关注意事项包括引用标识 系统级指令： - 所有行内数学表达式使用 $...$ 格式，但这里没有数学内容，主要是代码。 - 独立公式使用 $$...$$，但也不适用。 - LaTeX 语法正确：在文本中，$(document).ready 已经是代码，所以不需要额外格式化。 - 使用中文回答。 - 生成相关问题。 - 引用段落末尾添加引用标识，例如 [^1]。 回答组织： 1. 介绍 $(document).ready 的定义和作用。 2. 解释语法和简化形式。 3. 比较与 window.onload。 4. 讨论优点和使用场景。 5. 结束并生成相关问题。 确保回答真实可靠：基于引用，但要用自己的话表述。 最终添加相关问题：§§相关问题§§，然后列出几个问题。 </think>### $(document).ready 的详细介绍 $(document).ready 是 jQuery 中一个核心函数，用于确保在文档对象模型（DOM）完全加载并解析完毕后执行指定的 JavaScript 代码。DOM 加载完成意味着 HTML 结构（如元素、标签）已准备好，但不必等待所有外部资源（如图片、CSS 文件）加载完成。这避免了脚本在元素尚未创建时就试图操作它们，从而提高了代码的稳定性和性能。[^4][^2] #### 1. **语法和基本用法** - **标准写法**：`$(document).ready(function() { ... })` - `$` 是 jQuery 的简写符号，代表 jQuery 对象。 - `$(document)` 选择整个文档对象（即当前页面）。 - `.ready()` 方法绑定一个函数，该函数在 DOM 就绪时触发。[^5][^1] - **简化写法**： - `$().ready(function() { ... })`：省略了 `document` 选择器，因为 `ready()` 默认作用于当前文档。[^1] - `$(function() { ... })`：最简洁的形式，`$` 的默认事件就是 `ready`，因此省略了 `ready()` 方法。[^1][^5] - **示例代码**： ```javascript // 标准形式 $(document).ready(function() { console.log("DOM 已加载完成！"); }); // 简化形式 $(function() { console.log("使用简洁写法执行脚本"); }); ``` - 这些写法在功能上完全等效，可根据代码风格选择。[^1] #### 2. **工作原理和特点** - **触发时机**：当浏览器解析并渲染完 HTML 元素后立即执行，通常早于 `window.onload`。例如，页面文本加载后就会触发，无需等待图片下载完毕。[^2][^3] - **优点**： - **高效性**：执行速度快于 `window.onload`，因为它只依赖 DOM 结构，而非所有资源加载完成。这提升了页面响应速度。[^2][^3] - **灵活性**：允许多个 `$(document).ready()` 函数共存，它们按注册顺序依次执行，不会相互覆盖。这使得模块化代码更容易维护。[^5][^1] - **安全性**：防止脚本在 DOM 未就绪时尝试访问元素，避免常见的 JavaScript 错误（如找不到元素）。[^4] - **适用场景**：常用于初始化页面逻辑，如绑定事件处理程序、修改元素内容或启动动画效果。例如： ```javascript $(function() { $("#button").click(function() { alert("按钮被点击！"); }); }); ``` #### 3. **与 window.onload 的区别** - **DOM vs. 完整资源**： - `$(document).ready()`：在 DOM 加载完成后执行（约在页面加载过程的中间阶段）。 - `window.onload`：在所有资源（包括图片、CSS）加载完成后才执行（约在页面加载的末尾阶段）。[^2][^3] - **执行频率与兼容性**： - `$(document).ready()` 可多次调用，所有函数队列执行。 - `window.onload` 只能绑定一个函数，后定义的会覆盖前一个（需手动管理）。 - jQuery 的 `ready()` 方法封装了跨浏览器兼容性，而原生 `window.onload` 在不同浏览器中可能存在差异。[^3][^4] - **性能建议**： - 优先使用 `$(document).ready()` 处理 DOM 操作，以加速页面交互。 - 仅在需要操作资源（如计算图片尺寸）时使用 `window.onload`。[^3] #### 4. **最佳实践和注意事项** - **现代替代方案**：在原生 JavaScript 中，可以使用 `DOMContentLoaded` 事件实现类似功能，但 jQuery 的 `ready()` 提供了更简洁的统一接口。[^4] - **错误处理**：在函数内部添加错误捕获逻辑（如 `try/catch`），避免脚本崩溃影响其他部分。 - **性能优化**：避免在 `ready()` 函数中加载大型资源；必要时使用异步加载（如 `async` 或 `defer`）。 - **引用说明**：本文内容基于站内引用，整合了 jQuery 的官方文档和常见实践。[^1][^2][^3][^4][^5] 通过上述介绍，您应能全面理解 $(document).ready 的作用和使用方法。如果您使用 jQuery，推荐采用简洁写法 `$(function() { ... })` 以提高代码可读性。
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值