解决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 相关文章推荐
JavaScript CSS 修改学习第四章 透明度设置
Feb 19 Javascript
通过js获取div的background-image属性
Oct 15 Javascript
javascript不同类型数据之间的运算的转换方法
Feb 13 Javascript
JS 获取浏览器和屏幕宽高等信息代码
Mar 31 Javascript
jquery通过扩展select控件实现支持enter或focus选择的方法
Nov 19 Javascript
js判断登陆用户名及密码是否为空的简单实例
May 16 Javascript
Bootstrap免费字体和图标网站(值得收藏)
Mar 16 Javascript
微信小程序中显示html格式内容的方法
Apr 25 Javascript
解决vue动态为数据添加新属性遇到的问题
Sep 18 Javascript
layUI实现列表查询功能
Jul 27 Javascript
jQuery模仿ToDoList实现简单的待办事项列表
Dec 30 jQuery
使用JS实现简易计算器
Jun 14 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
php下获取客户端ip地址的函数
2010/03/15 PHP
php生成shtml类用法实例
2014/12/09 PHP
PHP数组操作实例分析【添加,删除,计算,反转,排序,查找等】
2016/12/24 PHP
JavaScript高级程序设计 阅读笔记(十四) js继承机制的实现
2012/08/14 Javascript
jQuery实现图片渐入渐出切换展示效果
2015/08/15 Javascript
BootStrap使用popover插件实现鼠标经过显示并保持显示框
2016/06/23 Javascript
js/jquery控制页面动态加载数据 滑动滚动条自动加载事件的方法
2017/02/08 Javascript
underscore之function_动力节点Java学院整理
2017/07/11 Javascript
js+html5实现页面可刷新的倒计时效果
2017/07/15 Javascript
在React 组件中使用Echarts的示例代码
2017/11/08 Javascript
vue在手机中通过本机IP地址访问webApp的方法
2018/08/15 Javascript
对 Vue-Router 进行单元测试的方法
2018/11/05 Javascript
总结4个方面优化Vue项目
2019/02/11 Javascript
迅速了解一下ES10中Object.fromEntries的用法使用
2019/03/05 Javascript
jQuery zTree插件快速实现目录树
2019/08/16 jQuery
vue 指令和过滤器的基本使用(品牌管理案例)
2019/11/04 Javascript
[06:24]DOTA2 2015国际邀请赛中国区预选赛第二日TOP10
2015/05/27 DOTA
python正则表达式之作业计算器
2016/03/18 Python
Python2.7下安装Scrapy框架步骤教程
2017/12/22 Python
详解Django rest_framework实现RESTful API
2018/05/24 Python
Python 3 使用Pillow生成漂亮的分形树图片
2019/12/24 Python
Python 格式化打印json数据方法(展开状态)
2020/02/27 Python
Python捕获异常堆栈信息的几种方法(小结)
2020/05/18 Python
python 如何将office文件转换为PDF
2020/09/22 Python
Python创建自己的加密货币的示例
2021/03/01 Python
时尚圣经:The Fashion Bible
2019/03/03 全球购物
施华洛世奇新加坡官网:SWAROVSKI新加坡
2020/10/06 全球购物
我们在web应用开发过程中经常遇到输出某种编码的字符,如iso8859-1等,如何输出一个某种编码的字符串?
2014/03/30 面试题
火锅店营销方案
2014/02/26 职场文书
办公室员工岗位工作职责
2014/03/10 职场文书
人力资源管理毕业求职信
2014/08/05 职场文书
名人传读书笔记
2015/06/26 职场文书
创业计划书之牛肉汤快餐店
2019/10/08 职场文书
搞笑Gif:这么白这么长的腿像极了一楼的女朋友
2022/03/21 杂记
 Redis 串行生成顺序编码的方法实现
2022/04/03 Redis
Linux下使用C语言代码搭建一个简单的HTTP服务器
2022/04/13 Servers