jquery load方法 导致页面和js加载了两次

出现这种问题一个很可能的原因就是:事件绑定的代码被执行了两次!
请先仔细检查代码 $(".items img").click(function(){...});
确保只绑定了一次,没有重复绑定。

如果找不出原因(比如某些jQuery版本自身的bug会导致某些事件重复触发),再尝试改成如下代码:

$(".items img").unbind(‘click‘).click(function(){...});

先解绑,再重新绑定,这样可以绕过这个问题,避免重复绑定。

终于找到答案了,原来是jquery 的load搞的鬼,也查到的解决方法,也是jquery本身的解决办法:在加载$.load前加入:

$.ajaxSetup ({
	cache: false //关闭AJAX相应的缓存
});
时间: 2024-10-12 03:18:17

jquery load方法 导致页面和js加载了两次的相关文章

Jquery鼠标滚动到页面底部自动加载更多内容,使用分页

https://www.cnblogs.com/qhorse/p/4717726.html index.php代码 [html] view plaincopy<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://

用于确保页面中js加载完全,对于优化某网页的加载速度,有什么见解

js方法: <script type="text/javascript"> window.onload = function(){ var userName = "xiaoming"; alert(userName); } </script> jQuery方法: <script type="text/javascript"> $(document).ready(function{ var userName =

ubuntu 中php不支持gd库的freetype,导致页面验证码无法加载

1.修改源 cp /etc/apt/sources.list /etc/apt/sources.list.bak vim /etc/apt/sources.list 先删除里面的东西,再将下列写入: deb http://mirrors.163.com/ubuntu/ precise main restricted universe multiverse deb http://mirrors.163.com/ubuntu/ precise-security main restricted uni

jquery.imgpreload.min.js插件实现页面图片预加载

页面分享地址: http://wenku.baidu.com/link?url=_-G8miwbgDmEj6miyFtjit1duJggBCJmFjR2jky_G1VftD9eS9kwGOlFWAORk2_fotM4RbzRvtcaiQu2y_BU3Gpj0rYRy_EWrgXEuFeja0q 页面分享地址:http://www.jb51.net/article/21987.htm Javascript , Jquery 实现页面图片预加载百分比展现 如果需要在页面初始加载时显示加载进度.主要是

在 ASP.NET 中使用 jQuery.load() 方法

今天就让我们看看在 ASP.NET 中使用 jQuery.load() 方法来调用 ASP.NET 的方法,实现无刷新的加载数据. 使用 jQuery 的朋友应该知道可以使用 jQuery.load() 加载静态页面,并可指定要加载的区域,如在"test.html"中有如下内容: <div id="show"> <a href="http://www.jquery001.com/">jQuery001</a>

jquery load() 方法 语法

jquery load() 方法 语法 作用:当指定的元素(及子元素)已加载时,会发生 load() 事件.该事件适用于任何带有 URL 的元素(比如图像.脚本.框架.内联框架).根据不同的浏览器(Firefox 和 IE),如果图像已被缓存,则也许不会触发 load 事件.还存在一个名为 load() 的 jQuery Ajax 方法,根据不同的参数而定.无锡大理石测量平台 语法:$(selector).load(function(){}) 参数: 参数 描述 function     必需.

JQuery scrollTop()方法滚动页面

$("html").scrollTop(100);//火狐IE下可以(火狐IE不用在服务器下测试) $("body").scrollTop(100);//谷歌内核的浏览器360和谷歌(服务器下测试) 这样写才行,谷歌内核的浏览器因为js中好多方法为了确保安全必须要在服务器下测试才行,或者可以在控制台下测试命令! $("html,body").scrollTop(100);//所以这样写才兼容 JQuery scrollTop()方法滚动页面

当滚动条滚动到页面底部自动加载增加内容的js代码

这篇文章主要介绍了如何使用javscript实现滚动条滚动到页面底部自动加载增加页面内容,需要的朋友可以参考下..1,注册页面滚动事件,window.onscroll = function(){ }; 2,相关获取页面高度.滚动条位置.文档高度的函数: 复制代码 代码如下://获取滚动条当前的位置 function getScrollTop() { var scrollTop = 0; if (document.documentElement && document.documentEle

javascript不依赖JS加载顺序事件对象实现

背景: 在现在WEB开发中,稍复杂一点的页面,都会涉及到多个模块,尤其是类似seajs.LABjs.requireJS等模块工具出来后,前端开发者分模块开发已经慢慢变成一种习惯了,但是多个模块间的常常有各种交集,需要通信.需要互相调用,这时监听者模式便是必不可少的一种设计模式了,在前端表现事件操作.backbone和jquery都有提供了很好的事件处理方式. 但是,真正开发需求的时候我们常常会遇到文件加载顺序跟事件监听与更新不一致的需求,比如说:在一个视频网站里面,有一个视频处理的JS模块和用户