解决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 相关文章推荐
关于Blog顶部的滚动导航条代码
Sep 25 Javascript
JavaScript高级程序设计 读书笔记之九 本地对象Array
Feb 27 Javascript
js中一维数组和二位数组中的几个问题示例说明
Jul 17 Javascript
JS实现动态修改table及合并单元格的方法示例
Feb 20 Javascript
Javascript操作dom对象之select全面解析
Apr 24 Javascript
JS中的数组转变成JSON格式字符串的方法
May 09 Javascript
JS中的三个循环小结
Jun 20 Javascript
Three.js利用Detector.js插件如何实现兼容性检测详解
Sep 26 Javascript
使用3D引擎threeJS实现星空粒子移动效果
Sep 13 Javascript
jquery 输入框查找关键字并提亮颜色的实例代码
Jan 23 jQuery
Vue实现Layui的集成方法步骤
Apr 10 Javascript
html5以及jQuery实现本地图片上传前的预览代码实例讲解
Mar 01 jQuery
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调用Oracle存储过程的方法
2008/09/12 PHP
php注销代码(session注销)
2012/05/31 PHP
php 判断字符串中是否包含html标签
2014/02/17 PHP
PHP中把数据库查询结果输出为json格式简单实例
2015/04/09 PHP
Javascript 运动中Offset的bug解决方案
2014/12/24 Javascript
jQuery树形下拉菜单特效代码分享
2015/08/15 Javascript
jQuery+AJAX实现遮罩层登录验证界面(附源码)
2020/09/13 Javascript
JS控制按钮10秒钟后可用的方法
2015/12/22 Javascript
Node.js中Request模块处理HTTP协议请求的基本使用教程
2016/03/31 Javascript
限制复选框最多选择项的实现代码
2016/05/30 Javascript
jQuery UI仿淘宝搜索下拉列表功能
2017/01/10 Javascript
react.js 获取真实的DOM节点实例(必看)
2017/04/17 Javascript
Bootstrap table使用方法汇总
2017/11/17 Javascript
jquery ajaxfileupload异步上传插件
2017/11/21 jQuery
vue中element组件样式修改无效的解决方法
2018/02/03 Javascript
js中getter和setter用法实例分析
2018/08/14 Javascript
JavaScript的Proxy可以做哪些有意思的事儿
2019/06/15 Javascript
使用Python的Zato发送AMQP消息的教程
2015/04/16 Python
Python按行读取文件的实现方法【小文件和大文件读取】
2016/09/19 Python
详解Python开发中如何使用Hook技巧
2017/11/01 Python
Windows下的Jupyter Notebook 安装与自定义启动(图文详解)
2018/02/21 Python
和孩子一起学习python之变量命名规则
2018/05/27 Python
Python使用pylab库实现绘制直方图功能示例
2018/06/01 Python
python实现微信自动回复及批量添加好友功能
2019/07/03 Python
TensorFlow2.X使用图片制作简单的数据集训练模型
2020/04/08 Python
使用python实现CGI环境搭建过程解析
2020/04/28 Python
Python+Django+MySQL实现基于Web版的增删改查的示例代码
2020/05/13 Python
如何基于Python和Flask编写Prometheus监控
2020/11/25 Python
CSS3中currentColor关键字的妙用
2016/02/27 HTML / CSS
阿提哈德航空官方网站:Etihad Airways
2017/01/06 全球购物
香港唯港荟酒店预订:Hotel ICON
2018/03/27 全球购物
女性时尚在线:IVRose
2019/02/23 全球购物
eHarmony英国:全球领先的认真恋爱约会平台之一
2020/11/16 全球购物
函授本科自我鉴定
2013/11/03 职场文书
大学团日活动总结书
2015/05/11 职场文书
奥特曼十大神器:奥特手镯在榜,第一是贝利亚的神器
2022/03/18 日漫