解决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 相关文章推荐
使用dynatrace-ajax跟踪JavaScript的性能
Apr 12 Javascript
js监听键盘事件示例代码
Jul 26 Javascript
解析URI与URL之间的区别与联系
Nov 22 Javascript
浏览器窗口加载和大小改变事件示例
Feb 27 Javascript
解决node.js安装包失败的几种方法
Sep 02 Javascript
微信小程序 教程之模块化
Oct 17 Javascript
微信小程序之分享页面如何返回首页的示例
Mar 28 Javascript
webpack+react+antd脚手架优化的方法
Apr 02 Javascript
vue+SSM实现验证码功能
Dec 07 Javascript
详解vue 不同环境配置不同的打包命令
Apr 07 Javascript
实现elementUI表单的全局验证的方法步骤
Apr 29 Javascript
javascript前端和后台进行数据交互方法示例
Aug 07 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
解析在zend Farmework下如何创立一个FORM表单
2013/06/28 PHP
php实现过滤字符串中的中文和数字实例
2015/07/29 PHP
CodeIgniter针对数据库的连接、配置及使用方法
2016/03/03 PHP
PHP高并发和大流量解决方案整理
2019/12/24 PHP
prototype与jquery下Ajax实现的差别
2009/09/13 Javascript
jQuery 工具函数学习资料
2010/04/29 Javascript
JavaScript中的noscript元素属性位置及作用介绍
2013/04/11 Javascript
Jquery 实现grid绑定模板
2015/01/28 Javascript
全面解析Bootstrap中transition、affix的使用方法
2016/05/30 Javascript
JS实现显示带倒影的图片横排居中放大展示特效实例【测试可用】
2016/08/23 Javascript
Javascript动画效果(1)
2016/10/11 Javascript
基于原生js淡入淡出函数封装(兼容IE)
2016/10/20 Javascript
在 Angular 中使用Chart.js 和 ng2-charts的示例代码
2017/08/17 Javascript
基于three.js实现的3D粒子动效实例代码
2019/04/09 Javascript
10个最受欢迎的 JavaScript框架(推荐)
2019/04/24 Javascript
layui的表单提交以及验证和修改弹框的实例
2019/09/09 Javascript
js实现滑动进度条效果
2020/08/21 Javascript
[51:36]EG vs VP 2018国际邀请赛淘汰赛BO3 第一场 8.24
2018/08/25 DOTA
Python 除法小技巧
2008/09/06 Python
python正则匹配查询港澳通行证办理进度示例分享
2013/12/27 Python
python实现提取百度搜索结果的方法
2015/05/19 Python
node.js获取参数的常用方法(总结)
2017/05/29 Python
python利用MethodType绑定方法到类示例代码
2017/08/27 Python
对python字典元素的添加与修改方法详解
2018/07/06 Python
PyQt5的安装配置过程,将ui文件转为py文件后显示窗口的实例
2019/06/19 Python
关于Python-faker的函数效果一览
2019/11/28 Python
python socket通信编程实现文件上传代码实例
2019/12/14 Python
Django bulk_create()、update()与数据库事务的效率对比分析
2020/05/15 Python
Python中过滤字符串列表的方法
2020/12/22 Python
TUMI马来西亚官方网站:国际领先的高品质商旅箱包品牌
2018/04/26 全球购物
bonprix荷兰网上商店:便宜的服装、鞋子和家居用品
2020/07/04 全球购物
一道SQL面试题
2012/12/31 面试题
艾滋病宣传标语
2014/06/25 职场文书
导航工程专业自荐信
2014/09/02 职场文书
结婚喜宴祝酒词
2015/08/10 职场文书
python glom模块的使用简介
2021/04/13 Python