zoukankan      html  css  js  c++  java
  • 解决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,点击下载

  • 相关阅读:
    Python 的 IDLE 编辑器
    Android中如何在Eclipse中关联源代码?(图文)
    HTMl5的存储方式sessionStorage和localStorage详解
    HTML的 <u> 标签
    CSS巧妙实现分隔线的几种方法
    关于ajax跨域请求(cross Domain)
    JQuery中$.ajax()方法参数都有哪些?
    最优雅,高效的javascript字符串拼接
    深入学习JavaScript: apply 方法 详解(转)——非常好
    jQuery.ajax() 函数详解
  • 原文地址:https://www.cnblogs.com/walkingp/p/1867934.html
Copyright © 2011-2022 走看看