解决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 相关文章推荐
[原创]js与自动伸缩图片 自动缩小图片的多浏览器兼容的方法总结
Mar 12 Javascript
利用JS判断用户是否上网(连接网络)
Dec 23 Javascript
js日期、星座的级联显示代码
Jan 23 Javascript
轻松学习jQuery插件EasyUI EasyUI创建树形网络(1)
Nov 30 Javascript
用原生js做单页应用
Jan 17 Javascript
JavaScript中常见的八个陷阱总结
Jun 28 Javascript
简述jQuery Easyui一些用法
Aug 01 jQuery
深入浅析javascript继承体系
Oct 23 Javascript
Angular @HostBinding()和@HostListener()用法
Mar 05 Javascript
layui radio性别单选框赋值方法
Aug 15 Javascript
apicloud拉起小程序并传递参数的方法示例
Nov 21 Javascript
vue实现滑动到底部加载更多效果
Oct 27 Javascript
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
php win下Socket方式发邮件类
2009/08/21 PHP
php操纵mysqli数据库的实现方法
2016/09/18 PHP
详谈php静态方法及普通方法的区别
2016/10/04 PHP
模仿JQuery.extend函数扩展自己对象的js代码
2009/12/09 Javascript
document.getElementById为空或不是对象的解决方法
2010/01/24 Javascript
25个非常棒的jQuery滑块插件和教程小结
2011/09/02 Javascript
可简单避免的三个JS发布错误的详细介绍
2013/08/02 Javascript
Tab切换组件(选项卡功能)实例代码
2013/11/21 Javascript
js交换排序 冒泡排序算法(Javascript版)
2014/10/04 Javascript
IE8中动态创建script标签onload无效的解决方法
2014/12/22 Javascript
JS+CSS实现的漂亮渐变背景特效代码(6个渐变效果)
2016/03/25 Javascript
详解js实现线段交点的三种算法
2016/08/09 Javascript
AngularJS 自定义指令详解及示例代码
2016/08/17 Javascript
BootStrap Fileinput插件和Bootstrap table表格插件相结合实现文件上传、预览、提交的导入Excel数据操作步骤
2017/08/07 Javascript
jQuery zTree搜索-关键字查询 递归无限层功能实现代码
2018/01/25 jQuery
JS面试题大坑之隐式类型转换实例代码
2018/10/14 Javascript
[59:42]Secret vs Alliacne 2019国际邀请赛小组赛 BO2 第一场 8.15
2019/08/17 DOTA
Mac下Supervisor进程监控管理工具的安装与配置
2014/12/16 Python
Python爬取APP下载链接的实现方法
2016/09/30 Python
python利用dir函数查看类中所有成员函数示例代码
2017/09/08 Python
Django框架模板文件使用及模板文件加载顺序分析
2019/05/23 Python
使用Pandas对数据进行筛选和排序的实现
2019/07/29 Python
Django Channel实时推送与聊天的示例代码
2020/04/30 Python
Python调用C/C++的方法解析
2020/08/05 Python
Django 用户认证Auth组件的使用
2020/11/30 Python
python 调用Google翻译接口的方法
2020/12/09 Python
pytorch 中forward 的用法与解释说明
2021/02/26 Python
美国最大的半成品净菜电商:Blue Apron(蓝围裙)
2018/04/27 全球购物
伦敦鲜花递送:Flower Station
2021/02/03 全球购物
大学团支书的自我评价分享
2013/12/14 职场文书
淘宝活动总结范文
2014/06/26 职场文书
新闻学专业职业生涯规划范文:我的人生我做主
2014/09/12 职场文书
五年级上册复习计划
2015/01/19 职场文书
公司文体活动总结
2015/05/07 职场文书
2015年基层党支部工作总结
2015/05/21 职场文书
Alexa停服!网站排名将何去何从?目前还没有替代品。
2022/04/15 杂记