解决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 相关文章推荐
ArrayList类(增强版)
Apr 04 Javascript
JavaScript 组件之旅(一)分析和设计
Oct 28 Javascript
利用JS解决ie6不支持max-width,max-height问题的方法
Jan 02 Javascript
JS实现网页滚动条感应鼠标变色的方法
Feb 26 Javascript
JavaScript截取指定长度字符串点击可以展开全部代码
Dec 04 Javascript
基于JS实现发送短信验证码后的倒计时功能(无视页面刷新,页面关闭不进行倒计时功能)
Sep 02 Javascript
JavaScript的继承实现小结
May 07 Javascript
Ext JS 实现建议词模糊动态搜索功能
May 13 Javascript
JS数组实现分类统计实例代码
Sep 30 Javascript
Vue2.4+新增属性.sync、$attrs、$listeners的具体使用
Mar 08 Javascript
Vue列表循环从指定下标开始的多种解决方案
Apr 08 Javascript
深入详解JS函数的柯里化
Jun 09 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中使用PDF文档功能
2006/10/09 PHP
PHP6 mysql连接方式说明
2009/02/09 PHP
php实现文件与16进制相互转换的方法示例
2017/02/16 PHP
PHP如何读取由JavaScript设置的Cookie
2017/03/22 PHP
extjs 3.31 TreeGrid实现静态页面加载json到TreeGrid里面
2013/04/02 Javascript
JS连接SQL数据库与ACCESS数据库的方法实例
2013/11/21 Javascript
JavaScript字符串对象substring方法入门实例(用于截取字符串)
2014/10/17 Javascript
node.js微信公众平台开发教程
2016/03/04 Javascript
html5+javascript实现简单上传的注意细节
2016/04/18 Javascript
request请求获取参数的实现方法(post和get两种方式)
2016/09/27 Javascript
js模仿微信朋友圈计算时间显示几天/几小时/几分钟/几秒之前
2017/04/27 Javascript
详解有关easyUI的拖动操作中droppable,draggable用法例子
2017/06/03 Javascript
快速解决Vue项目在IE浏览器中显示空白的问题
2018/09/04 Javascript
在vue中给列表中的奇数行添加class的实现方法
2018/09/05 Javascript
可能被忽略的一些JavaScript数组方法细节
2019/02/28 Javascript
jquery实现二级导航下拉菜单效果实例
2019/05/14 jQuery
vue+elementUi图片上传组件使用详解
2019/08/20 Javascript
Django自定义插件实现网站登录验证码功能
2017/04/19 Python
用Python删除本地目录下某一时间点之前创建的所有文件的实例
2017/12/14 Python
shell命令行,一键创建 python 模板文件脚本方法
2018/03/20 Python
python 输入一个数n,求n个数求乘或求和的实例
2018/11/13 Python
使用phonegap获取设备的一些信息方法
2017/03/31 HTML / CSS
英国乐购杂货:Tesco Groceries
2018/11/29 全球购物
Topshop美国官网:英国快速时尚品牌
2019/05/16 全球购物
Maisons du Monde德国:法国家具和装饰的市场领导者
2019/07/26 全球购物
Python如何定义一个函数
2015/09/01 面试题
UNIX文件系统分类
2014/11/11 面试题
信访工作者先进事迹
2014/01/17 职场文书
新员工入职感言
2014/02/01 职场文书
学习经验交流会主持词
2014/04/01 职场文书
财务科长个人对照检查材料
2014/09/18 职场文书
基层党员群众路线教育实践活动个人对照检查材料思想汇报
2014/10/05 职场文书
2015元旦节寄语
2014/12/08 职场文书
二胎满月酒致辞
2015/07/29 职场文书
2016年党员岗位承诺书
2016/03/24 职场文书
不会写演讲稿,快来看看这篇文章!
2019/08/06 职场文书