1

私はこのHTMLコードを持っています：

<div id="div_top"></div>
<div id="div_bottom"></div>

モバイルWebサイトでのみ、またはdiv2前 に必要なウィンドウのサイズを変更した場合のみdiv1。

だから私は使用します

if(window.innerWidth <= 480){
    jQuery(document).ready(function(){
      jQuery('#div_bottom').insertBefore('#div_top');
    });

    jQuery(document).resize(function(){
        jQuery('#div_bottom').insertBefore('#div_top');
    });
}

ロード機能はうまく機能しますが、サイズ変更はできません。

この問題に対するCSSソリューションのjQueryはありますか？

4

3 に答える 3

1 
$(window).resize(function() {
    if (window.innerWidth <= 480) {
        $("div#div_bottom").insertBefore("div#div_top");
    }
});

うまくいくはずです。

于 2012-08-05T19:30:29.240 に答える
1

.resize()の代わりにwindowオブジェクトで使用する必要がありますdocument。

src：http ://api.jquery.com/resize/#comment-34139342

于 2012-08-05T19:30:35.800 に答える
0

メソッドは機能するはずです..このフィドル$(window).resize(function() {...});をチェックしてください

も必要であることを忘れないでください$(document).read(function() {});。フィドルにはすでにこのメソッドが実装されていますが、それを見ることはできません。（左端の列を確認すると、メソッドがすでに実装されているというチェックがあります）

于 2012-08-06T06:06:22.637 に答える