解决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 相关文章推荐
js创建对象的几种常用方式小结(推荐)
Oct 24 Javascript
JavaScript下通过的XMLHttpRequest发送请求的代码
Jun 28 Javascript
解决JS中乘法的浮点错误的方法
Jan 03 Javascript
js判断url是否有效的两种方法
Mar 04 Javascript
jquery的each方法使用示例分享
Mar 25 Javascript
生成二维码方法汇总
Dec 26 Javascript
JavaScript中setMonth()方法的使用详解
Jun 11 Javascript
jquery实现两边飘浮可关闭的对联广告
Nov 27 Javascript
AngularJS 实现点击按钮获取验证码功能实例代码
Jul 13 Javascript
小程序图片长按识别功能的实现方法
Aug 30 Javascript
vue中的inject学习教程
Apr 24 Javascript
jQuery实现购物车全功能
Jan 11 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
mac下使用brew配置环境的步骤分享
2011/05/23 PHP
浅析PHP安装扩展mcrypt以及相关依赖项(PHP安装PECL扩展的方法)
2013/07/05 PHP
php实现的mongodb操作类
2015/05/28 PHP
PHP下使用mysqli的函数连接mysql出现warning: mysqli::real_connect(): (hy000/1040): ...
2016/02/14 PHP
jQuery验证Checkbox是否选中的代码 推荐
2011/09/04 Javascript
jQuery判断对象是否存在的方法
2015/02/05 Javascript
jQuery源码解读之removeClass()方法分析
2015/02/20 Javascript
JS+CSS实现滑动切换tab菜单效果
2015/08/25 Javascript
Web前端开发工具——bower依赖包管理工具
2016/03/29 Javascript
深入理解逻辑表达式的用法 与或非的用法
2016/06/06 Javascript
详解微信小程序开发之——wx.showToast(OBJECT)的使用
2017/01/18 Javascript
JavaScript编写九九乘法表(两种任选)
2017/02/04 Javascript
详解vue+vueRouter+webpack的简单实例
2017/06/17 Javascript
微信小程序中setInterval的使用方法
2017/09/29 Javascript
es6函数之严格模式用法实例分析
2020/03/17 Javascript
win7安装python生成随机数代码分享
2013/12/27 Python
Python的Tornado框架异步编程入门实例
2015/04/24 Python
Python模块搜索概念介绍及模块安装方法介绍
2015/06/03 Python
利用Python脚本实现ping百度和google的方法
2017/01/24 Python
python实现决策树
2017/12/21 Python
对Python3之进程池与回调函数的实例详解
2019/01/22 Python
详解如何修改python中字典的键和值
2020/09/29 Python
html5 的a标签 Href 拨电话的写法
2013/11/04 HTML / CSS
印尼综合在线预订网站:Tiket.com(机票、酒店、火车、租车和娱乐)
2018/10/11 全球购物
德国户外装备、登山运动和攀岩商店:tapir store
2020/02/12 全球购物
美国在线艺术商店:HandmadePiece
2020/11/06 全球购物
Electric官网:美国高级眼镜和配件品牌
2020/06/04 全球购物
保加利亚手表、香水、化妆品和珠宝购物网站:Brasty.bg
2020/04/22 全球购物
什么是Smarty变量操作符?如何使用Smarty变量操作符
2014/07/18 面试题
一套软件开发工程师笔试题
2015/05/18 面试题
求职简历的自我评价怎样写好
2013/10/07 职场文书
珍珠奶茶店创业计划书
2014/01/11 职场文书
幼儿园优秀教师事迹
2014/02/13 职场文书
2015年七一建党节活动方案
2015/05/05 职场文书
详解Spring事件发布与监听机制
2021/06/30 Java/Android
Python如何将list中的string转换为int
2022/07/15 Ruby