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 。 把这句注释后就正常了。

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

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

赞 (0)

相关推荐

  • jquery 单击li防止重复加载的实现代码

    因为加载内容比较慢,所以用户可能在li上不经意点击了两次,那么就会请求两次,这是我们不想看到的. 今天在javascript-jquery群上一筒子发了两个demo给我,他的方法是先将单击的li节点拷贝出来,在加载完后 在重新插回去,显然不太适合我做的功能. 正一筹莫展,想了一下,何不在li点击时加入loading图片(在ajax加载前),判断li节点上是否存在了img元素, 没有则加载ajax内容,否则不处理. 测试了可以通过,\(^o^)/. 复制代码 代码如下: <!DOCTYPE htm

  • Jquery Validation插件防止重复提交表单的解决方法

    由于在项目中应用了Jquery Validation表单验证插件,所以要实现在Validation验证完毕后,提交form,然后禁止按钮.CodeProject上有一个DisableBtnPostBack项目,但不无法和Jquery Validation结合,代码先贴出来,给大家提示下,碰到这种情况不要使用该代码.代码如下: js: 代码 复制代码 代码如下: function disableBtn(btnID, newText) { Page_IsValid = null; if (typeo

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

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

  • jQuery中live方法的重复绑定说明

    解决:使用die()方法,在live()方法绑定前,将此元素上的前面被绑定的事件统统解除,然后再通过live()方法绑定新的事件. 复制代码 代码如下: //先通过die()方法解除,再通过live()绑定 $("#selectAll").die().live("click",function(){ //事件运行代码 }); die()方法简介: 复制代码 代码如下: die([type], [fn])<SPAN style="WHITE-SPACE

  • jquery防止重复执行动画避免页面混乱

    最近开发前台页面的时候遇到一个问题.juery时候mouseover--或者其他事件,发现鼠标滑动过快导致动画重复执行,以至于页面乱了. 解决办法: 可以先判断一下元素是否处于动画中. 如: 复制代码 代码如下: if(!$(".content").is(":animated")){ //元素不处于动画中执行. }

  • jquery提交form表单时禁止重复提交的方法

    复制代码 代码如下: $(document).ready(function() {  $('form').submit(function() {    if(typeof jQuery.data(this, "disabledOnSubmit") == 'undefined') {      jQuery.data(this, "disabledOnSubmit", { submited: true });      $('input[type=submit], i

  • jquery 防止表单重复提交代码

    我的解决办法如下(只针对客户端): 用户点击提交按钮后给按钮添加disabled属性 复制代码 代码如下: $("input:submit").each(function() { var srcclick = $(this).attr("onclick"); if(typeof(srcclick)=="function"){ $(this).click(function() { if (srcclick()) { setdisabled(this

  • 浅析jquery某一元素重复绑定的问题

    某天晚上写代码的时候,突然出了bug,想了很久都不知道问题出在哪里(其实是很简单的问题,但由于我还是个菜鸟,所以不知道).几经周折,这中间的过程就不提了,终于让我在快崩溃的时候,发现了原因.原来是因为同一jquery元素可以重复绑定,当使用了嵌套绑定的时候,就容易出错.如代码: 复制代码 代码如下: $('.test').bind('click',function(){      $('.last').bind('click',function(){           alert('nihao

  • jquery live()重复绑定的解决方法介绍

    Query中.live()方法的使用方法 今天在写代码的时候遇到一个问题,直接上代码看:$(function(){           $(".file").live("click",function(){                    var task_name=$(this).text();                    $("#selecting tbody").append("<trclass=gradeA

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

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

    最近在做项目的时候,遇到个问题: 父页面引入子页面,子页面引入jQuery.js文件,父页面JS依赖jQuery.js ,出现问题是,总提示JS对象无效.猜测jQuery加载顺序不是最早造成的. 父页面: 子页面: 从这里看 ,jQuery.js 是最早的咯,可是为什么其它的js都提示 属性无效呢. 后面用 IE11 的F12工具查看 JS 的加载顺序,发现 jQuery 是最早加载的,只是加页面加载完毕后,突然有个请求又加载了一次 jQuery. 原因是如下代码: 复制代码 代码如下: $(f

  • jQuery 出现Cannot read property ‘msie’ of undefined错误的解决方法

    jQuery Cannot read property 'msie' of undefined错误的解决方法 最近把一个项目的jQuery升级到最新版,发现有些页面报如下错误 Cannot read property 'msie' of undefined 上jQuery网站上搜了一下,原因是$.browser这个api从jQuery1.9开始就正式废除,js代码里只要用到$.browser就会报这个错.具体说明参见jQuery官方说明. 楼主顺便扩展阅读了一下,发现jQuery 1.9把所有在

  • CentOS 6.0 启动时出现fstab错误时的修复方法

    CentOS启动时,出现了fstab 中 /dev/loop1 设备的读取失败,结果,呵呵,系统进入了recovery 模式,输入root密码之后,想修改fstab,结果发现不行,后来找了半天, 发现可以使用: #mount -o remount,rw / 之后,fstab就可以修改了. 以上这篇CentOS 6.0 启动时出现fstab错误时的修复方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持我们.

  • Jquery uploadify 多余的Get请求(404错误)的解决方法

    在使用jquery uploadify时如果不设置button_image_url参数,就会出现一些多余的get请求,甚至报404的错误,这是该插件的一个bug,官方给出的解决方案如下: 找到如下代码: this.settings.upload_url = SWFUpload.completeURL(this.settings.upload_url); this.settings.button_image_url = SWFUpload.completeURL(this.settings.but

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

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

  • 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晃动层特效实现方法.分享给大家供大家参考.具体实现方法如下: 复制代码 代码如下: <!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中ajax的load()方法用法实例

    本文实例讲述了jQuery中ajax的load()方法用法.分享给大家供大家参考.具体分析如下: 此函数jQuery中简单而功能强大的ajax方法. 它可以从服务器加载内容,然后写入匹配元素. 语法结构: 复制代码 代码如下: $(selector).load(URL,data,callback); 参数解析: 1.selector:一个选择器,可以将内容加载到此选择器匹配的元素中. 2.URL:必须,需要加载的一个url地址. 3.data:可选,与请求一同发送的查询字符串键/值对集合. 4.

  • DOM操作原生js 的bug,使用jQuery 可以消除的解决方法

    js的 bug 类型:  Uncaught TypeError:Cannot set/read property 'xxx' of null 在进行DOM操作的时候比较容易发生这个错误,比如: 1.  document.getElementById('test1').style.display='none' 2.  document.getElementById('test1').onclick=function(){/*相关代码*/} 假如DOM中无此 test1对象,将会抛出上面的错误,发生

随机推荐