×

解决jQuery插件tipswindown与hintbox冲突

作者:Terry2017.02.07来源:Web前端之家浏览:12661评论:0
关键词:JQueryJS
使用情形如下:

页面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: "*/*"
}
},

这样在当前窗体中就会是只有一个xhr对象存在,因为在hintbox中的ajax事件会触发tipswindown的ajaxStart事件。

下载修改过后的tipswindown,点击下载

您的支持是我们创作的动力!
温馨提示:本文作者系Terry ,经Web前端之家编辑修改或补充,转载请注明出处和本文链接:
https://jiangweishan.com/article/svg1486396800604.html

网友评论文明上网理性发言已有0人参与

发表评论: