0

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

4

2 回答 2

1

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

于 2013-01-23T01:05:34.550 回答
0

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

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

您可以根据屏幕大小隐藏或显示内容,而不是删除和附加内容。

于 2013-01-23T01:43:15.927 回答