解决jQuery插件tipswindown与hintbox冲突

先扫下盲：tipswindown是jQuery的弹窗插件，可以使用url或当前页元素显示在模拟层中；hintbox是jQuery的类似Google Suggestions插件。

使用情形如下：

 

页面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，点击下载。