解决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 禁用浏览器的后退功能的简单方法
Dec 10 Javascript
javascript调试说明
Jun 07 Javascript
jquery 面包屑导航 具体实现
Jun 05 Javascript
js中opener与parent的区别详细解析
Jan 14 Javascript
javascript操作符&quot;!~&quot;详解
Feb 10 Javascript
深入理解JavaScript系列(30):设计模式之外观模式详解
Mar 03 Javascript
javascript实现下雪效果【实例代码】
May 03 Javascript
原生js实现弹出层登录拖拽功能
Dec 05 Javascript
微信小程序项目实践之九宫格实现及item跳转功能
Jul 19 Javascript
vue-for循环嵌套操作示例
Jan 28 Javascript
jquery分页优化操作实例分析
Aug 23 jQuery
JavaScript中变量提升机制示例详解
Dec 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根据某字段对多维数组进行排序的方法
2015/03/07 PHP
php两种无限分类方法实例
2015/04/21 PHP
Jquery多选下拉列表插件jquery multiselect功能介绍及使用
2013/05/24 Javascript
js 文本滚动效果的实例代码
2013/08/17 Javascript
Javascript函数的参数
2015/07/16 Javascript
jQuery居中元素scrollleft计算方法示例
2017/01/16 Javascript
Vuejs仿网易云音乐实现听歌及搜索功能
2017/03/30 Javascript
JS表格组件神器bootstrap table使用指南详解
2017/04/12 Javascript
jQuery+C#实现参数RSA加密传输功能【附jsencrypt.js下载】
2017/06/26 jQuery
layui表格数据重载
2019/07/27 Javascript
Nodejs在局域网配置https访问的实现方法
2020/10/17 NodeJs
一篇超完整的Vue新手入门指导教程
2020/11/18 Vue.js
[47:26]完美世界DOTA2联赛 LBZS vs Forest 第二场 11.07
2020/11/09 DOTA
在Python中操作字符串之replace()方法的使用
2015/05/19 Python
python比较两个列表大小的方法
2015/07/11 Python
使用Python脚本生成随机IP的简单方法
2015/07/30 Python
实例讲解Python中global语句下全局变量的值的修改
2016/06/16 Python
Python排序搜索基本算法之冒泡排序实例分析
2017/12/09 Python
tensorflow 获取模型所有参数总和数量的方法
2018/06/14 Python
Python中类的创建和实例化操作示例
2019/02/27 Python
pandas 缺失值与空值处理的实现方法
2019/10/12 Python
Python+appium框架原生代码实现App自动化测试详解
2020/03/06 Python
python集合能干吗
2020/07/19 Python
如何用python免费看美剧
2020/08/11 Python
Python 列表推导式需要注意的地方
2020/10/23 Python
健身场所或家用健身设备:Life Fitness
2017/11/01 全球购物
英国网上购买门:Direct Doors
2018/06/07 全球购物
值传递还是引用传递
2015/02/08 面试题
创建文明城市标语
2014/06/16 职场文书
机械机修工岗位职责
2014/08/03 职场文书
暑期学习心得体会
2014/09/02 职场文书
老公给老婆的检讨书(精华篇)
2014/10/18 职场文书
工会工作个人总结
2015/03/03 职场文书
2015年学校远程教育工作总结
2015/07/20 职场文书
Java实现多文件上传功能
2021/06/30 Java/Android
Spring JPA 增加字段执行异常问题及解决
2022/06/10 Java/Android