• 技术文章 >web前端 >js教程

    IE6浏览器下resize事件被执行了多次解决方法_基础知识

    2016-05-16 17:46:51原创551
    在IE浏览器下,一次resize事件被执行了多次。这是IE6和IE7的一个比较广为认知的问题,这个问题在这两个版本的浏览器中表现有所不同,通常IE6下会比IE7下更为糟糕。
    现在已经有了一个较好的解决方案,让jquery.wresize.js这个jquery插件来帮你:
    Js代码
    复制代码 代码如下:

    /*
    ===============================================================================
    WResize is the jQuery plugin for fixing the IE window resize bug
    ...............................................................................
    Copyright 2007 / Andrea Ercolino
    -------------------------------------------------------------------------------
    LICENSE: php">http://www.opensource.org/licenses/mit-license.php
    WEBSITE: http://noteslog.com/
    ===============================================================================
    */
    ( function( $ )
    {
    $.fn.wresize = function( f )
    {
    version = '1.1';
    wresize = {fired: false, width: 0};
    function resizeOnce()
    {
    if ( $.browser.msie )
    {
    if ( ! wresize.fired )
    {
    wresize.fired = true;
    }
    else
    {
    var version = parseInt( $.browser.version, 10 );
    wresize.fired = false;
    if ( version < 7 )
    {
    return false;
    }
    else if ( version == 7 )
    {
    //a vertical resize is fired once, an horizontal resize twice
    var width = $( window ).width();
    if ( width != wresize.width )
    {
    wresize.width = width;
    return false;
    }
    }
    }
    }
    return true;
    }
    function handleWResize( e )
    {
    if ( resizeOnce() )
    {
    return f.apply(this, [e]);
    }
    }
    this.each( function()
    {
    if ( this == window )
    {
    $( this ).resize( handleWResize );
    }
    else
    {
    $( this ).resize( f );
    }
    } );
    return this;
    };
    } ) ( jQuery );

    如何使用,请看这个例子test page
    Js代码
    复制代码 代码如下:




    test window resize






    test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test



    声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理
    上一篇:ajax上传时参数提交不更新等相关问题_基础知识 下一篇:如何将JS的变量值传递给ASP变量_javascript技巧
    线上培训班

    相关文章推荐

    • 浅析Node.js+Winston库如何构建简单日志功能• 浅谈Angular父子组件间怎么进行通信• javascript怎么实现句子反转• Javascript怎么设置水印叠堆• JavaScript怎么实现定时关闭div

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网