解决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乱码的一次解决过程 图解教程
Feb 20 Javascript
读jQuery之十三 添加事件和删除事件的核心方法
Aug 23 Javascript
JS 两个字符串时间的天数差计算
Aug 25 Javascript
浅析XMLHttpRequest的缓存问题
Dec 13 Javascript
教你如何在 Javascript 文件里使用 .Net MVC Razor 语法
Jul 23 Javascript
ES6概念 Symbol toString()方法
Dec 25 Javascript
微信小程序实现跟随菜单效果和循环嵌套加载数据
Nov 21 Javascript
浅谈React 服务器端渲染的使用
May 08 Javascript
JavaScript数据结构之栈实例用法
Jan 18 Javascript
vue防止花括号{{}}闪烁v-text和v-html、v-cloak用法示例
Mar 13 Javascript
如何给element添加一个抽屉组件的方法步骤
Jul 14 Javascript
create-react-app开发常用配置教程
Jun 25 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
mysql 字段类型说明
2007/04/27 PHP
php指定函数参数默认值示例代码
2013/12/04 PHP
PHP中调用C/C++制作的动态链接库的教程
2016/03/10 PHP
PHP指定截取字符串中的中英文或数字字符的实例分享
2016/03/18 PHP
PHP实现四种基础排序算法的运行时间比较(推荐)
2016/08/11 PHP
php 基础函数
2017/02/10 PHP
PHP观察者模式示例【Laravel框架中有用到】
2018/06/15 PHP
ext读取两种结构的xml的代码
2008/11/05 Javascript
javascript 隐藏/显示指定的区域附HTML元素【legend】用法
2010/03/05 Javascript
改变javascript函数内部this指针指向的三种方法
2010/04/23 Javascript
日历查询的算法 如何计算某一天是星期几
2012/12/12 Javascript
javascript实现网页中涉及的简易运动(改变宽高、透明度、位置)
2015/11/29 Javascript
JavaScript对象创建模式实例汇总
2016/10/03 Javascript
值得分享的JavaScript实现图片轮播组件
2016/11/21 Javascript
JavaScript模板引擎Template.js使用详解
2016/12/15 Javascript
JavaScript中的编码和解码函数
2017/02/15 Javascript
使用MUI框架模拟手机端的下拉刷新和上拉加载功能
2017/09/04 Javascript
微信小程序实现默认第一个选中变色效果
2018/07/17 Javascript
解决vue中虚拟dom,无法实时更新的问题
2018/09/15 Javascript
使用 Node.js 实现图片的动态裁切及算法实例代码详解
2018/09/29 Javascript
ES6 class的应用实例分析
2019/06/27 Javascript
Vue优化:常见会导致内存泄漏问题及优化详解
2020/08/04 Javascript
[54:24]Optic vs TNC 2018国际邀请赛小组赛BO2 第二场
2018/08/18 DOTA
python检测某个变量是否有定义的方法
2015/05/20 Python
简单讲解Python中的闭包
2015/08/11 Python
Python数组定义方法
2016/04/13 Python
Python实现读取txt文件并转换为excel的方法示例
2018/05/17 Python
详解多线程Django程序耗尽数据库连接的问题
2018/10/08 Python
python智联招聘爬虫并导入到excel代码实例
2019/09/09 Python
django 外键创建注意事项说明
2020/05/20 Python
Python Socket TCP双端聊天功能实现过程详解
2020/06/15 Python
公司会计岗位职责
2014/02/13 职场文书
校园公益广告语
2014/03/13 职场文书
我们的节日清明节活动总结
2014/04/30 职场文书
2015年化验员工作总结
2015/04/10 职场文书
2016年社区服务活动总结
2016/04/06 职场文书