0

これは私のコードです:

$(document).ready(function(){

function OrderDiv() {
    if ($(window).width() <= 1024) {
        $("#right1").insertAfter("#left1");
        $("#right2").insertAfter("#left2");
        $("#right3").insertAfter("#left3");
        $("#right4").insertAfter("#left4");
    } else {
        // I DON'T KNOW WHAT TO WRITE HERE ^^
    }
  }
  // check when page load
  OrderDiv();  // NEW

  $(window).resize(function(){
    OrderDiv(); // check to destroy or build when we resize browser
  });

});

1024px より大きい画面サイズでロードしても問題ありません。画面のサイズを 1024px 未満に変更すると、必要に応じて div の順序が適切に変更されます。

しかし、1024px未満で読み込み、1024pxまでリサイズした場合、注文をキャンセルして基本に戻したいと思います。

どんな助けでも大歓迎です！

4

2 に答える 2

3

CSS を使用して要素を表示または非表示にし、JavaScript を完全に回避できます。要素を HTML に追加してから、次の CSS を使用します。

#right1, #right2, #right3, #right4{
    display: none;
}

@media screen and (min-width: 1024px){
    #right1, #right2, #right3, #right4{
        display: block;
    }
}

毎回要素を削除および追加するために本当に jQuery を使用する必要がある場合は、else ステートメントは次のようになります。

} else {
    $('#right1, #right2, #right3, #right4').remove();
}
于 2015-07-03T15:48:39.180 に答える
0 
if ($("#right1").length) { $("#right1").remove(); // go through all of them }

これを現在のelse stmtに入れてください。その要素が存在するかどうかを確認し、存在する場合は削除し、そうでない場合は何もしません。

于 2015-07-03T15:46:54.520 に答える