解决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 相关文章推荐
JQuery将文本转化成JSON对象需要注意的问题
May 09 Javascript
js操作输入框提示信息且响应鼠标事件
Mar 25 Javascript
Nginx上传文件全部缓存解决方案
Aug 17 Javascript
举例说明如何为JavaScript的方法参数设置默认值
Nov 17 Javascript
Angular.js实现注册系统的实例详解
Dec 18 Javascript
JavaScript正则获取地址栏中参数的方法
Mar 02 Javascript
详解webpack+express多页站点开发
Dec 22 Javascript
vue2.x集成百度UEditor富文本编辑器的方法
Sep 21 Javascript
vue-cli2.0转3.0之项目搭建的详细步骤
Dec 11 Javascript
JavaScript变速动画函数封装添加任意多个属性
Apr 03 Javascript
小程序如何定位所在城市及发起周边搜索
Feb 11 Javascript
EXTJS7实现点击拖拉选择文本
Dec 17 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
《魔兽世界》惊魂幻象将获得调整
2020/03/08 其他游戏
php函数的常用方法及注意之处小结
2011/07/10 PHP
php清除和销毁session的方法分析
2015/03/19 PHP
PHP给文字内容中的关键字进行套红处理
2016/04/12 PHP
全面解析PHP验证码的实现原理 附php验证码小案例
2016/08/17 PHP
php session_decode函数用法讲解
2019/05/26 PHP
JavaScript延迟加载
2021/03/09 Javascript
javascript的对话框详解与参数
2007/03/08 Javascript
js 单引号 传递方法
2009/06/22 Javascript
基于jQuery实现的百度导航li拖放排列效果,即时更新数据库
2012/07/31 Javascript
一个JS的日期格式化算法示例
2013/07/31 Javascript
JQuery的Ajax请求实现局部刷新的简单实例
2014/02/11 Javascript
JS清空多文本框、文本域示例代码
2014/02/24 Javascript
jquery实现页面百叶窗走马灯式翻滚显示效果的方法
2015/03/12 Javascript
Jquery1.9.1源码分析系列(六)延时对象应用之jQuery.ready
2015/11/24 Javascript
jQuery循环遍历子节点并获取值的方法
2016/04/14 Javascript
Angular.js中处理页面闪烁的方法详解
2017/03/09 Javascript
关于webpack代码拆分的解析
2017/07/20 Javascript
nodejs操作mongodb的填删改查模块的制作及引入实例
2018/01/02 NodeJs
vue中使用ueditor富文本编辑器
2018/02/08 Javascript
Vue+Bootstrap收藏(点赞)功能逻辑与具体实现
2020/10/22 Javascript
python实现360皮肤按钮控件示例
2014/02/21 Python
使用Python的SymPy库解决数学运算问题的方法
2019/03/27 Python
利用python numpy+matplotlib绘制股票k线图的方法
2019/06/26 Python
关于python 跨域处理方式详解
2020/03/28 Python
使用matlab 判断两个矩阵是否相等的实例
2020/05/11 Python
pytorch查看模型weight与grad方式
2020/06/24 Python
Python map及filter函数使用方法解析
2020/08/06 Python
使用CSS媒体查询(Media Queries)和JavaScript判断浏览器设备类型的方法
2014/04/03 HTML / CSS
使用HTML5做的导航条详细步骤
2020/10/19 HTML / CSS
佳能加拿大网上商店:Canon eStore Canada
2018/04/04 全球购物
天网工程实施方案
2014/03/26 职场文书
学前教育见习总结
2015/06/23 职场文书
2015元旦感言
2015/12/09 职场文书
详细聊聊关于Mysql联合查询的那些事儿
2021/10/24 MySQL
python模板入门教程之flask Jinja
2022/04/11 Python