0

ウィンドウのサイズ変更時に画像の余白を動的に変更する必要があります。ただし、ウィンドウのサイズを変更するときは、ページを更新して、画像を適切な場所に表示する必要があります。適切な余白を得るためにページを更新しない方法はありますか。

var iw = $(window).width();
        jQuery( document ).ready(function( $ ) {    


            updateContainer();
            $(window).resize(function() {
                updateContainer();
            });


        });     

        function updateContainer(){

            $( ".rimg" ).each(function() {                  
                var w =$(this).width();             
                if(w>iw){                       
                    marg = (w-iw);

                    $($(this)).css("margin-left", function() { return "-"+marg+"px" });
                }


            });
        }
4

1 に答える 1

2

次のスクリプトで試してください

    jQuery( document ).ready(function( $ ) {    
       $(window).resize(function() {
           var iw = $(window).width();
            updateContainer(iw);
        });


    });     

    function updateContainer(iw){

        $( ".rimg" ).each(function() {                  
            var w =$(this).width();             
            if(w>iw){                       
                marg = (w-iw);

                $($(this)).css("margin-left", function() { return "-"+marg+"px" });
            }


        });
    }

サイズ変更関数の外側を宣言したiwため、同じウィンドウ サイズのみが得られます。resize関数内でウィンドウ サイズを宣言してみてください。

于 2013-10-11T06:55:46.547 に答える