当最大宽度为 959px 时,我正在使用 jquery 从原始位置删除两个 div .twitter和.email,并将这两个 div 放在 div #maininner之后。
当最大宽度大于 959px 时,我希望这两个 div 回到原来的位置:它们都在自己的 div 类.grid-box.width100.grid-v中,它们在#sidebar-a中。
问题是#sidebar-a里面有多个.grid-box.width100.grid-v。如何让两个 div .twitter 和 .email 进入它们被删除的两个空 .grid-box.width100.grid-v ?
注意:我无法在多个 div 类 .grid-box.width100.grid-v 上放置单独的类。
$.onMediaQuery('(max-width: 959px)', {
valid: function() {
$("#sidebar-a ").remove().insertBefore($("#maininner"));
$(".twitter").remove().insertAfter($("#maininner"));
$(".email").remove().insertAfter(("#maininner"));
},
invalid: function() {
$("#sidebar-a").remove().insertAfter($("#maininner"));
$(".twitter").remove().appendTo($(".grid-box.width100.grid-v"));
$(".email").remove().appendTo($(".grid-box.width100.grid-v"));
}
});
提前感谢您的帮助!:D