解决jQuery插件tipswindown与hintbox冲突

159 阅读 0 评论 105 点赞

我是靠谱客的博主爱笑钥匙，最近开发中收集的这篇文章主要介绍解决jQuery插件tipswindown与hintbox冲突，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

使用情形如下：

页面a.aspx中点击按钮弹出模拟层，在这个层中有一个输入文本框“监督人”处调用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: "*/*" 
} 
}, 