解决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 相关文章推荐
html下载本地
Jun 19 Javascript
jquery动态增加删除表格行的小例子
Nov 14 Javascript
jquery实现点击文字可编辑并修改保存至数据库
Apr 15 Javascript
javascript实现查找数组中最大值方法汇总
Feb 13 Javascript
jQuery制作网页版选项卡
Jul 28 Javascript
Vue通过input筛选数据
Oct 26 Javascript
Vue弹出菜单功能的实现代码
Sep 12 Javascript
JavaScript代理模式原理与用法实例详解
Mar 10 Javascript
基于Element封装一个表格组件tableList的使用方法
Jun 29 Javascript
vue video和vue-video-player实现视频铺满教程
Oct 30 Javascript
Element-ui upload上传文件限制的解决方法
Jan 22 Javascript
vue配置型表格基于el-table拓展之table-plus组件
Apr 12 Vue.js
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
Godaddy空间Zend Optimizer升级方法
2010/05/10 PHP
windows下开发并编译PHP扩展的方法
2011/03/18 PHP
分析PHP中单双引号的误区和双引号小隐患
2016/07/19 PHP
php安装php_rar扩展实现rar文件读取和解压的方法
2016/11/17 PHP
SuperSlide2实现图片滚动特效
2014/06/20 Javascript
javascript获取dom的下一个节点方法
2014/09/05 Javascript
js实现class样式的修改、添加及删除的方法
2015/01/20 Javascript
jQuery实现动态添加和删除一个div
2015/08/12 Javascript
JavaScript严格模式详解
2015/11/18 Javascript
基于Bootstrap的UI扩展 StyleBootstrap
2016/06/17 Javascript
AngularJS延迟加载html template
2016/07/27 Javascript
基于Bootstrap的Metronic框架实现条码和二维码的生成及打印处理操作
2016/08/29 Javascript
微信和qq时间格式模板实例详解
2016/10/21 Javascript
微信小程序 swiper制作tab切换实现附源码
2017/01/21 Javascript
Bootstrap3多级下拉菜单
2017/02/24 Javascript
深入Vue-Router路由嵌套理解
2018/08/13 Javascript
详解angularjs4部署文件过大解决过程
2018/12/05 Javascript
p5.js实现简单货车运动动画
2019/10/23 Javascript
Python字符串格式化
2015/06/15 Python
Eclipse中Python开发环境搭建简单教程
2016/03/23 Python
利用python获取某年中每个月的第一天和最后一天
2016/12/15 Python
python的多重继承的理解
2017/08/06 Python
Python中的上下文管理器和with语句的使用
2018/04/17 Python
Python实现一个带权无回置随机抽选函数的方法
2019/07/24 Python
解析python实现Lasso回归
2019/09/11 Python
python实现银行实战系统
2020/02/26 Python
Matplotlib自定义坐标轴刻度的实现示例
2020/06/18 Python
python批量检查两个对应的txt文件的行数是否一致的实例代码
2020/10/31 Python
CSS3 :default伪类选择器使用简介
2018/03/15 HTML / CSS
英国最大的独立家具零售商:Furniture Village
2016/09/06 全球购物
YOOX美国官方网站:全球著名的多品牌时尚网络概念店
2016/09/11 全球购物
.NET程序员的数据库面试题
2012/10/10 面试题
简单的大学生自我鉴定
2014/02/18 职场文书
《春天来了》教学反思
2014/04/07 职场文书
创意婚礼策划方案
2014/05/18 职场文书
2015年清明节扫墓演讲稿
2015/03/18 职场文书