2

いくつかの助けとアドバイスが必要です。簡単に言えば、私は3列のウェブサイトを持っています。

<div id="left-col">Some content</div>
<div id="mid-col">Some content</div>
<div id="right-col">Some content</div>

ブラウザ ウィンドウが 1000px を下回ると、次のようになります。

$(window).on('resize', function () {

if ($(window).width() < 1000) {         
    $("#right-col").appendTo('#left-col');
    $("#mid-col").css("max-width","785px");
}
});

<div id="right-col"> 全体を取得して div 内に配置するため、appendTo を使用することは最善の解決策ではありません。私の最初の望みは、html を right-col 内に移動し、それを left-col の最後に追加することでした。

とにかく...ブラウザが1000pxより大きい場合、左列から元の場所に戻すにはどうすればよいですか。

これがjsfiddleです。http://jsfiddle.net/C7k5b/

4

1 に答える 1

3

もう一度追加していただけませんか？

$(document).ready(function() {
    $(window).on('resize', function () {
        if ($(window).width() < 500) {      
            $("#right-col").appendTo('#left-col');
        }else{
            $("#right-col").appendTo($('#left-col').parent());
        }
    });
});

フィドル

于 2013-02-11T19:49:37.350 に答える