解决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 Array扩展实现代码
Oct 14 Javascript
c#和Javascript操作同一json对象的实现代码
Jan 17 Javascript
JS获取节点的兄弟,父级,子级元素的方法
Jan 09 Javascript
28个常用JavaScript方法集锦
Jan 14 Javascript
Bootstrap选项卡与Masonry插件的完美结合
Jul 06 Javascript
浅析$(function) ready和onload 的区别
Sep 03 Javascript
jQuery ajax 当async为false时解决同步操作失败的问题
Nov 18 Javascript
简单实现node.js图片上传
Dec 18 Javascript
vue中路由验证和相应拦截的使用详解
Dec 13 Javascript
Bootstrap table中toolbar新增条件查询及refresh参数使用方法
May 18 Javascript
微信小程序云开发之使用云函数
May 17 Javascript
浅谈vue单页面中有多个echarts图表时的公用代码写法
Jul 19 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遍历数组的方法汇总分析
2013/06/08 PHP
windows中为php安装mongodb与memcache
2015/01/06 PHP
php5.4以下版本json不支持不转义内容中文的解决方法
2015/01/13 PHP
TP3.2框架分页相关实现方法分析
2020/06/03 PHP
javascript下数值型比较难点说明
2010/06/07 Javascript
js里的prototype使用示例
2010/11/19 Javascript
jQuery创建插件的代码分析
2011/04/14 Javascript
javascript学习笔记(十) js对象 继承
2012/06/19 Javascript
jquery 循环显示div的示例代码
2013/10/18 Javascript
jquery让返回的内容显示在特定div里(代码少而精悍)
2014/06/23 Javascript
JS脚本根据手机浏览器类型跳转WAP手机网站(两种方式)
2015/08/04 Javascript
JavaScript引用类型和基本类型详解
2016/01/06 Javascript
JavaScript异步上传图片文件的实例代码
2017/07/04 Javascript
js中的 || 与 &amp;&amp; 运算符详解
2018/05/24 Javascript
最简单的JS实现json转csv的方法
2019/01/10 Javascript
layui数据表格 table.render 报错的解决方法
2019/09/29 Javascript
解决Vue router-link绑定事件不生效的问题
2020/07/22 Javascript
再也不怕 JavaScript 报错了,怎么看怎么处理都在这儿
2020/12/09 Javascript
python编写分类决策树的代码
2017/12/21 Python
PyQt5每天必学之滑块控件QSlider
2018/04/20 Python
Python 中的range(),以及列表切片方法
2018/07/02 Python
python跳过第一行快速读取文件内容的实例
2018/07/12 Python
Python 实现向word(docx)中输出
2020/02/13 Python
Python实现动态循环输出文字功能
2020/05/07 Python
keras打印loss对权重的导数方式
2020/06/10 Python
python3实现飞机大战
2020/11/29 Python
HTML5+CSS3实现无插件拖拽上传图片(支持预览与批量)
2017/01/05 HTML / CSS
巴基斯坦购物网站:Goto
2019/03/11 全球购物
美国珠宝精品店:Opulent Jewelers
2019/08/20 全球购物
医药代表个人求职信范本
2013/12/19 职场文书
思想专业自荐信范文
2013/12/25 职场文书
会计专业大学生职业生涯规划范文
2014/01/11 职场文书
物流管理系毕业生求职信
2014/06/03 职场文书
2014国庆节幼儿园亲子活动方案
2014/09/16 职场文书
MySQL里面的子查询的基本使用
2021/08/02 MySQL
关于Python中*args和**kwargs的深入理解
2021/08/07 Python