JQuery引发两次$(document.ready)事件
2023-06-13 09:14:15 时间
页面大概是这样的,一个PartialView,而这个View包含了一小段绑定Search的Javascript,并且用Jquery-ui的dialog包含,而且确定不是ASP.netmvc生成HTML的问题,HTML是依照我的想法生成的,后来实在没有办法,把dialog的代码去掉,Search按就正常了。查了一下dialog的代码,发现是appendTo引发的。
做了实验,代码如下:
代码
复制代码代码如下:
做了实验,代码如下:
代码
<scripttype="text/javascript">
$(document).ready(function(){
$("#a1").appendTo($("#a2"));
});
</script>
<divid="a1">
<scripttype="text/javascript">
alert("a1");
</script>
</div>
<divid="a2">
</div>
预计alert("a1")应该执行一次的,但是由于使用了appendTo,执行了两次,无论你在a1div里面是否使用$(document).ready,都会运行两次javascript,第一次document加载完成,第二次是调用appendTo.
首先改为下面这种方式,失败。
代码
<divid="a1">
<scripttype="text/javascript">
loaded=false;
if(loaded==false){
alert("a1");
loaded=true;
}
</script>
</div>
再改成下面这种,就可以成功了。
varloaded=false;
$(document).ready(function(){
if(!loaded){
alert("a1");
loaded=true;
}
});
相关文章
- jquery监听浏览器刷新_jQuery刷新浏览器页面大小
- jquery中失去焦点事件_easyui失去焦点事件没触发
- jQuery Video Extend详解编程语言
- jQuery contextmenu事件详解
- javascript的onchange事件与jQuery的change()方法比较
- 扩展jQuery键盘事件的几个基本方法
- 经典海量jQuery插件大家可以收藏一下
- dreamweaver安装Jquery智能提示
- JQuery入门——移除绑定事件unbind方法概述及应用
- Jquery事件的连接使用示例
- JQuery的自定义事件代码,触发,绑定简单实例
- 可兼容IE的获取及设置cookie的jquery.cookie函数方法
- jquery右下角弹出提示框示例代码
- jquery滚动条插件jScrollPane的使用介绍
- jquery实现图片滚动效果的简单实例
- 让input框实现类似百度的搜索提示(基于jquery事件监听)
- jQuery中多个元素的Hover事件解决方案
- 点击表单提交时出现jQuery没有权限的解决方法