手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >解决jQuery插件tipswindown与hintbox冲突
解决jQuery插件tipswindown与hintbox冲突
摘要:使用情形如下:页面a.aspx中点击按钮弹出模拟层,在这个层中有一个输入文本框“监督人”处调用hintbox来产生即时查询功能。直接调用产生...

使用情形如下:

页面a.aspx中点击按钮弹出模拟层,在这个层中有一个输入文本框“监督人”处调用hintbox来产生即时查询功能。

解决jQuery插件tipswindown与hintbox冲突1

直接调用产生了如下情形:

解决jQuery插件tipswindown与hintbox冲突2

于是找到jquery.hintbox-1.3.js这个文件,发现其中出现这么一行:

复制代码 代码如下:

$("#windown-content").ajaxStart(function(){

$(this).html("<img src='"+templateSrc+"/images/loading.gif' />");

});

将其改为:

复制代码 代码如下:

$("#windown-content").html("<img src='"+templateSrc+"/images/loading.gif' />");

原因是两个插件即使是在不同情形下触发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,点击下载。

【解决jQuery插件tipswindown与hintbox冲突】相关文章:

10条建议帮助你创建更好的jQuery插件

jQuery仿gmail实现fixed布局的方法

JQuery控制Radio选中方法分析

jQuery插件支持同一页面被多次调用

jQuery插件expander实现图片翻转特效

jQuery构造函数init参数分析续

jQuery插件实现适用于移动端的地址选择器

jQuery插件Slider Revolution实现响应动画滑动图片切换效果

微信WeixinJSBridge API使用实例

jquery插件splitScren实现页面分屏切换模板特效

精品推荐
分类导航