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,点击下载

  • 相关阅读:
    理解javascript观察者模式(订阅者与发布者)
    Javascript异步编程之setTimeout与setInterval详解分析(一)
    Gulp.js----比Grunt更易用的前端构建工具
    requireJS对文件合并与压缩(二)
    requireJS(版本是2.1.15)学习教程(一)
    Git使用教程
    Ajax基本知识
    go语言基础之有参有返回值函数的使用
    go语言基础之函数有多个返回值
    go语言基础之函数只有一个返回值
  • 原文地址:https://www.cnblogs.com/walkingp/p/1867934.html
Copyright © 2011-2022 走看看