解决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实现运行代码需要刷新的解决方法
Aug 18 Javascript
JavaScript DOM学习第八章 表单错误提示
Feb 19 Javascript
javascript下高性能字符串连接StringBuffer类
Aug 16 Javascript
离开页面时检测表单元素是否被修改,提示保存的js代码
Aug 25 Javascript
JsRender实用入门教程
Oct 31 Javascript
深入理解javascript函数参数与闭包
Dec 12 Javascript
微信页面弹出键盘后iframe内容变空白的解决方案
Sep 20 Javascript
vue脚手架中配置Sass的方法
Jan 04 Javascript
vue.js 底部导航栏 一级路由显示 子路由不显示的解决方法
Mar 09 Javascript
vue 内置过滤器的使用总结(附加自定义过滤器)
Dec 11 Javascript
微信小程序开发实现的选项卡(窗口顶部/底部TabBar)页面切换功能图文详解
May 14 Javascript
Javascript柯里化实现原理及作用解析
Oct 22 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
博士208HAF收音机实习报告
2021/03/02 无线电
PHP生成excel时单元格内换行问题的解决方法
2010/08/26 PHP
php preg_filter执行一个正则表达式搜索和替换
2012/02/27 PHP
php旋转图片90度的方法
2013/11/07 PHP
php轻松实现文件上传功能
2016/03/03 PHP
PHP7匿名类用法分析
2016/09/26 PHP
php传值和传引用的区别点总结
2019/11/19 PHP
php 函数中静态变量使用的问题实例分析
2020/03/05 PHP
百度留言本js 大家可以参考下
2009/10/13 Javascript
定时器(setTimeout/setInterval)调用带参函数失效解决方法
2013/03/26 Javascript
现如今最流行的JavaScript代码规范
2014/03/08 Javascript
基于jquery实现简单的手风琴特效
2015/11/24 Javascript
JavaScript事件详细讲解
2016/06/27 Javascript
ionic实现带字的toggle滑动组件
2016/08/27 Javascript
详谈jQuery中的一些正则匹配表达式
2017/03/08 Javascript
js中apply和Math.max()函数的问题及区别介绍
2018/03/27 Javascript
spring+angular实现导出excel的实现代码
2019/02/27 Javascript
Vue 2.0 中依赖注入 provide/inject组合实战
2019/06/20 Javascript
javascript设计模式 ? 代理模式原理与用法实例分析
2020/04/16 Javascript
vue2.x 对象劫持的原理实现
2020/04/19 Javascript
[11:57]《一刀刀一天》第十七期:TI中国军团加油!
2014/05/26 DOTA
Python模块包中__init__.py文件功能分析
2016/06/14 Python
Python列表list内建函数用法实例分析【insert、remove、index、pop等】
2017/07/24 Python
Python实现定时备份mysql数据库并把备份数据库邮件发送
2018/03/08 Python
GitHub 热门:Python 算法大全,Star 超过 2 万
2019/04/29 Python
Python3.7 基于 pycryptodome 的AES加密解密、RSA加密解密、加签验签
2019/12/04 Python
百思买美国官网:Best Buy
2016/07/28 全球购物
英国森林假期:Forest Holidays
2021/01/01 全球购物
分厂厂长岗位职责
2013/12/29 职场文书
安全负责人任命书
2014/06/06 职场文书
导航工程专业自荐信
2014/09/02 职场文书
三方协议书
2015/01/27 职场文书
公司开业致辞
2015/07/29 职场文书
结婚纪念日感言
2015/08/01 职场文书
工作建议书范文
2019/07/08 职场文书
MySQL中VARCHAR与CHAR格式数据的区别
2021/05/26 MySQL