0

このコードを使用して、最新バージョンのChrome、FX、Safariでテストしました。最大化ボタンを押すと、FXとChromeでは2回起動しますが、Safariでは1回だけ起動します。私はWindows7を使用しています。驚いたことに、Windows XPを使用すると、Chromeは2回起動し、FX、Safariは1回起動します。2回発射することを保証することはできますか?ありがとう

$(window).resize(function() {

    if (!isiPhone()) {
        if ($(".viewportBinder").length){                   
            $("#view").css('height',$(window).height());
            $("#view").css('width',$(window).width());  
            content = element.viewport('update'); 
        }

        var h = screen.height;
        var w = screen.width;

        $(window).css("height",h);
        $(window).css("width",w);

        Book.book_position();
        Book.zoom_auto();

        /*
        var is_firefox = navigator.userAgent.indexOf('Firefox') > -1;
        var is_safari = navigator.userAgent.indexOf("Safari") > -1;

        if ((is_firefox)||(is_safari))*/
        alert ('test');
    }   

});
4

3 に答える 3

1

それは大きな問題ではないと思います。通常、サイズ変更が終了したときに起動されるメソッドを使用して、問題を解決します。

var after_resize = (function(){
var timer = 0;
return function(callback, ms){
    clearTimeout (timer);
    timer = setTimeout(callback, ms);
};
})();
$(window).resize(function() {
after_resize(function(){
    alert("resize finish!");
}, 300);
});
于 2012-12-17T16:00:58.183 に答える
1

これは問題ではありません。ブラウザに依存します。この状況に対処する必要があります。

パラメータが同じ場合は、最後のアクションを覚えておいて、それを無視するのはどうですか。

次のようにコーディングできます。

function myResizer() {
    if (!isiPhone()) {
        if ($(".viewportBinder").length) {                   
            var height, width;
            height = $(window).height();
            width = $(window).width();
            if ((myResizer.height !== height) || (myResizer.width !== width)) {
                $("#view").css('height',$(window).height());
                $("#view").css('width',$(window).width());  
                content = element.viewport('update'); 
                myResizer.height = height;
                myResizer.width = width;
            }
        }

        var h = screen.height;
        var w = screen.width;

        if ((myResizer.h !== h) || (myResizer.w !== w)) {
            $(window).css("height",h);
            $(window).css("width",w);

            Book.book_position();
            Book.zoom_auto();
            myResizer.h = h;
            myResizer.w = w;
        }
    }   
}

$(window).resize(myResizer);
于 2012-12-17T15:03:32.450 に答える
1

ブラウザのサイズを変更すると、サイズ変更イベントは発生しません...おそらくピクセルごとに複数回発生しますが、わかりません。ブラウザにもよる…

ここも参照してください:サイズ変更ハンドルをドラッグしているときにJavaScriptのサイズ変更イベントが複数回発生する

于 2012-12-17T15:04:32.880 に答える