作家
登录

解决jQuery插件tipswindown与hintbox冲突

作者: 来源:www.28hudong.com 2013-03-30 01:12:56 阅读 我要评论

使用情形如下: 页面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,点击下载。

  推荐阅读

  微博@符号的用户名提示效果。(想@到谁?)

在下面的文本框输入“@” 看一下效果吧! 已经解决 IE,FF ,CHORME 主流浏览器的兼容问题。有需要这个JS的朋友可以直接拿去用。 由于我实在无法把这个效果插入到这遍文章里。所以只能让大家下载我演示的文件了。 下>>>详细阅读


本文标题:解决jQuery插件tipswindown与hintbox冲突

地址:http://www.17bianji.com/kaifa2/JS/25492.html

关键词: 探索发现

乐购科技部分新闻及文章转载自互联网,供读者交流和学习,若有涉及作者版权等问题请及时与我们联系,以便更正、删除或按规定办理。感谢所有提供资讯的网站,欢迎各类媒体与乐购科技进行文章共享合作。

网友点评
自媒体专栏

评论

热度

精彩导读
栏目ID=71的表不存在(操作类型=0)