jQuery .hide()未按媒体查询撤消

Question

因此，我有一个布局，在宽监视器上是2up，然后是使用媒体查询的较小监视器上的列表视图。除了宽屏设置中还有jQuery、.show()、/.hide()ing元素外，一切都运行得很好。 those 也运行良好，但当我调整窗口大小时: jQuery当前拥有的任何.hide()d不显示，尽管我的媒体查询定义了display: block；这些元素的大小为这个大小。

所讨论的站点位于这里，源是论GitHub。

我做错了什么，我怎么解决这个问题？

Answer 1

首先，jQuery替换了您更改的元素的样式，所以不管前面的CSS是什么，如果您使用：

$("#myelement").hide();

它将强制更改CSS显示属性，这里有两个选项。

1)创建一个隐藏类，这样您就可以为类创建一个媒体查询，因此当窗口>1000 if时，它将显示:none；但是如果它有1000<，则可以显示:block；使用：

$("#myElement").addClass("hidden");

而不是隐藏()。

2)播放绑定到窗口的jQuery http://api.jquery.com/resize/的resize()事件，这样您可以这样做：

$(window).resize(function(){
    if($(window).width()> 1000){
        //Hide or show, or do some pirate stuff
    }else{
        //More pirate stuff
    }
});

我希望这就是你要找的。