解决jQuery插件tipswindown与hintbox冲突


Posted in Javascript onNovember 05, 2010

使用情形如下:

页面a.aspx中点击按钮弹出模拟层,在这个层中有一个输入文本框“监督人”处调用hintbox来产生即时查询功能。

解决jQuery插件tipswindown与hintbox冲突

直接调用产生了如下情形:

解决jQuery插件tipswindown与hintbox冲突

于是找到jquery.hintbox-1.3.js这个文件,发现其中出现这么一行:

$("#windown-content").ajaxStart(function(){ 
$(this).html("<img src='"+templateSrc+"/images/loading.gif' class='loading' />"); 
});

将其改为:
$("#windown-content").html("<img src='"+templateSrc+"/images/loading.gif' class='loading' />");

原因是两个插件即使是在不同情形下触发ajax事件,使用的仍是同一对象,即jQuery.js中出现的
ajaxSetup: function( settings ) { 
jQuery.extend( jQuery.ajaxSettings, settings ); 
}, ajaxSettings: { 
url: location.href, 
global: true, 
type: "GET", 
contentType: "application/x-www-form-urlencoded", 
processData: true, 
async: true, 
/* 
timeout: 0, 
data: null, 
username: null, 
password: null, 
*/ 
// Create the request object; Microsoft failed to properly 
// implement the XMLHttpRequest in IE7, so we use the ActiveXObject when it is available 
// This function can be overriden by calling jQuery.ajaxSetup 
xhr:function(){ 
return window.ActiveXObject ? new ActiveXObject("Microsoft.XMLHTTP") : new XMLHttpRequest(); 
}, 
accepts: { 
xml: "application/xml, text/xml", 
html: "text/html", 
script: "text/javascript, application/javascript", 
json: "application/json, text/javascript", 
text: "text/plain", 
_default: "*/*" 
} 
},

这样在当前窗体中就会是只有一个xhr对象存在,因为在hintbox中的ajax事件会触发tipswindown的ajaxStart事件。

可下载修改过后的tipswindown,点击下载。

Javascript 相关文章推荐
JSONP 跨域访问代理API-yahooapis实现代码
Dec 02 Javascript
jquery滚动组件(vticker.js)实现页面动态数据的滚动效果
Jul 03 Javascript
关于JavaScript命名空间的一些心得
Jun 07 Javascript
jQuery中scrollTop()方法用法实例
Jan 16 Javascript
js实现横向伸展开的二级导航菜单代码
Aug 28 Javascript
Vue中建立全局引用或者全局命令的方法
Aug 21 Javascript
AngularJS双向数据绑定原理之$watch、$apply和$digest的应用
Jan 30 Javascript
vue-cli 3.x 修改dist路径的方法
Sep 19 Javascript
JavaScript判断数组类型的方法
Oct 23 Javascript
vue2.* element tabs tab-pane 动态加载组件操作
Jul 19 Javascript
关于angular 8.1使用过程中的一些记录
Nov 25 Javascript
vue图片裁剪插件vue-cropper使用方法详解
Dec 16 Vue.js
Jquery数独游戏解析(一)-页面布局
Nov 05 #Javascript
TinyMCE 新增本地图片上传功能
Nov 05 #Javascript
jQuery示例收集
Nov 05 #Javascript
jquery 全局AJAX事件使用代码
Nov 05 #Javascript
Jquery ajaxsubmit上传图片实现代码
Nov 04 #Javascript
QUnit jQuery的TDD框架
Nov 04 #Javascript
基于jQuery的仿flash的广告轮播代码
Nov 04 #Javascript
You might like
《忧国的莫里亚蒂》先导宣传图与STAFF公开
2020/03/04 日漫
令PHP初学者头疼十四条问题大总结
2008/11/12 PHP
PHP输出时间差函数代码
2013/01/28 PHP
PHP实现的激活用户注册验证邮箱功能示例
2017/06/06 PHP
PHP简单实现记录网站访问量功能示例
2018/06/06 PHP
在NodeJS中启用ECMAScript 6小结(windos以及Linux)
2014/07/15 NodeJs
JS的数组迭代方法
2015/02/05 Javascript
高性能JavaScript循环语句和条件语句
2016/01/20 Javascript
Bootstrap三种表单布局的使用方法
2016/06/21 Javascript
Bootstrap Table 搜索框和查询功能
2017/11/30 Javascript
详解webpack+ES6+Sass搭建多页面应用
2018/11/05 Javascript
微信小程序常用赋值方法小结
2019/04/30 Javascript
Python3基础之基本运算符概述
2014/08/13 Python
Linux下Python获取IP地址的代码
2014/11/30 Python
Python中pandas模块DataFrame创建方法示例
2018/06/20 Python
python @classmethod 的使用场合详解
2019/08/23 Python
python的faker库用法
2019/11/28 Python
python统计文章中单词出现次数实例
2020/02/27 Python
Python Handler处理器和自定义Opener原理详解
2020/03/05 Python
浅谈Django前端后端值传递问题
2020/07/15 Python
Nike台湾官方商店:Nike.com (TW)
2017/08/16 全球购物
Otticanet英国:最顶尖的世界名牌眼镜, 能得到打折季的价格
2019/02/10 全球购物
DOUGLAS荷兰:购买香水和化妆品
2020/10/24 全球购物
灵泰克Java笔试题
2016/01/09 面试题
轻化专业学生实习自我鉴定
2013/09/20 职场文书
《藏戏》教学反思
2014/02/11 职场文书
高中军训感言600字
2014/03/11 职场文书
文化活动实施方案
2014/03/28 职场文书
小学数学教研活动总结
2014/07/01 职场文书
计算机求职信
2014/07/02 职场文书
我的中国梦演讲稿初中篇
2014/08/19 职场文书
个人四风问题对照检查材料思想汇报
2014/10/06 职场文书
判缓刑人员个人思想汇报
2014/10/10 职场文书
毕业生捐书活动倡议书
2015/04/27 职场文书
大国崛起英国观后感
2015/06/02 职场文书
2015年小学生暑假总结
2015/07/13 职场文书