jQuery 重复加载错误以及修复方法_jquery

最近在做项目的时候,遇到个问题:

父页面引入子页面,子页面引入jQuery.js文件,父页面JS依赖jQuery.js ,出现问题是,总提示JS对象无效。猜测jQuery加载顺序不是最早造成的。

父页面:

子页面:

从这里看 ,jQuery.js 是最早的咯,可是为什么其它的js都提示 属性无效呢。

后面用 IE11 的F12工具查看 JS 的加载顺序,发现 jQuery 是最早加载的,只是加页面加载完毕后,突然有个请求又加载了一次 jQuery。

原因是如下代码:

复制代码 代码如下:

$(function() {
$("#zjyw_table_1").load("xxx.jsp");
}

xxx.jsp 里又加载了 jQuery.js 。 把这句注释后就正常了。

这问题还郁闷了挺久,记录一下,方便其它人哈。

找到方法了之后解决方式很简单,这里主要是把查询问题的思路给大家分享下,同时有相同问题的小伙伴可以参考下。

时间: 2024-09-14 16:41:43

jQuery 重复加载错误以及修复方法_jquery的相关文章

jQuery lazyload 的重复加载错误以及修复方法_jquery

分析代码也可以知道. 最主要的原因是 写在页面上的 <img src="the_big_img_toLoad.jpg" />一经加载,就去向服务器申请图片地址,加载大图片. 如果想实现原定的效果,则 写在页面上的待加载地址 必须不能是大图片的地址,而我们可以将真正的图片地址数据 存储在alt属性中. 正确的例子如下: 复制代码 代码如下: <a href="#nogo"><img alt="http://www.jb51.ne

U盘图标显示错误的修复方法

  U盘图标显示错误的修复方法          你遇到过当U盘连接电脑时,在"我的电脑"里的U盘图标竟然跟普通文件夹一样,就算用杀毒这些工具也没有用,不用担心,试一下介绍的以下这种方法: 依次点击"开始","所有程序"," 附件","记事本". 然后把以下的源代码拷到记事本里: @echo off @echo +------------------------------------------+ @ec

jquery.validate提示错误信息位置方法_jquery

本文实例讲述了jquery.validate提示错误信息位置方法.分享给大家供大家参考,具体如下: 好长时间没有用jquery.validate.js这个插件了,忘得差不多了.唉,好东西还是要经常拿出来看看的,今天用jquery.validate来做一个小东西,遇到一个问题,就是错误提示信息的位置问题,如果知道的话,很简单.以前遇到过,可是忘了,现在标记一下,将来在忘了,在回过头看看.俗话说的好,好记性不如烂笔头. 举个例子,大家就知道怎么回事了. rules: { name:{ require

Jquery实现遮罩层的方法_jquery

本文实例讲述了Jquery实现遮罩层的方法.分享给大家供大家参考.具体如下: 1.假设#main为页面body中的最外层Div标签 2.背景被遮罩后,显示的弹出窗(默认是不显示的,所包含的CSS这里就不贴了): <!-- Status Bar Start --> <div id="warning-dialog" class="status warning center-top no-display"> <p class="cl

jQuery晃动层特效实现方法_jquery

本文实例讲述了jQuery晃动层特效实现方法.分享给大家供大家参考.具体实现方法如下: 复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml&qu

jQuery简单实现日历的方法_jquery

本文实例讲述了jQuery简单实现日历的方法.分享给大家供大家参考.具体分析如下: 原理挺简单的,首先算出一个月有多少天,再算出这个月的第一天是星期几,接着顺序排下来就可以了. <!DOCTYPE HTML> <html lang="zh-CN"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=d

JQuery中上下文选择器实现方法_jquery

本文实例讲述了JQuery中上下文选择器实现方法.分享给大家供大家参考.具体实现方法如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> &

Jquery动态添加输入框的方法_jquery

本文实例讲述了Jquery动态添加输入框的方法.分享给大家供大家参考.具体实现方法如下: <!-- 页头 --> <#include "../common/head.ftl"> <div id="onFailureDiv" class="alert alert-danger navbar-fixed-top" style="text-align:center; display:none">&

JQuery自动触发事件的方法_jquery

本文实例讲述了JQuery自动触发事件的方法.分享给大家供大家参考.具体如下: 常用模拟 有时候,需要通过模拟用户操作,来达到单击的效果.例如在用户进入页面后,就触发click事件,而不需要用户去主动单击. 在JQuery中,可以使用trigger()方法完成模拟操作.例如可以使用下面的代码来触发id为btn的按钮的click事件. $('#btn').trigger("click"); 这样,当页面加载完毕后,就会立刻输出想要的效果.也可以直接简写click(),来达到同样的效果: