在媒体查询jQuery上，从侧边栏中删除div

Question

我使用jQuery来去除两个div .twitter并从原来的位置.email时，最大宽度为959px和DIV #maininner后这两个div地方。

当最大宽度大于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

Answer 1

我认为最好的方法是使用$.clone()来克隆.twitter和.email值。 然后隐藏原件。 如果宽度发生变化，请重新评估当前宽度，然后相应地更改可见性。

Answer 2

当您可以为此使用简单的CSS规则时，为什么要使用jQuery，请注意，只需将其添加到CSS文件中就可以实现：

@media screen and (max-width: 959px) {
    .twitter,.email{
        display: none;
    }
}

您可以根据屏幕尺寸隐藏或显示内容，而不是删除和附加内容。