Javascript 如果浏览器大小确定,是否删除jQuery效果?

Javascript 如果浏览器大小确定,是否删除jQuery效果?,javascript,jquery,browser,responsive-design,Javascript,Jquery,Browser,Responsive Design,我正在构建一个响应性很强的布局,并使用了一些jQuery插件,比如选项卡、下拉菜单、滚动到顶部等等,我正在努力解决的一件事是,一旦浏览器处于最小的位置,如何消除jQuery的魔力 目前,它在较小的视图中的效果看起来很糟糕,所以如果您不介意的话,我只是在寻找一些指针或代码示例 e、 如果有一个jQuery,如果浏览器视点=精细加载速度为640px,调整大小为320px>不会删除谢谢,我一定会尝试一下,一切都有意义:)@Codesworth没问题!请告诉我它是否已修复,如果没有,我们可以考虑其他解决

我正在构建一个响应性很强的布局,并使用了一些jQuery插件,比如选项卡、下拉菜单、滚动到顶部等等,我正在努力解决的一件事是,一旦浏览器处于最小的位置,如何消除jQuery的魔力

目前,它在较小的视图中的效果看起来很糟糕,所以如果您不介意的话,我只是在寻找一些指针或代码示例

e、 如果有一个jQuery,如果浏览器视点=<320px,那么不运行等等


在这里发布之前,我先做了一些研究,希望专家能提供帮助。

一种方法是尝试在事件中包装宽度条件:

$(文档).ready(函数(){
$(窗口)。调整大小(函数(){

if($(窗口).width()谢谢-好的,很好,很好,我绝对使用CSS3媒体查询,尽管将其与jQuery混合使用会很麻烦。嗨,我注意到这只在以x分辨率加载页面时才起作用-如果浏览器调整大小,它不会应用…例如,加载速度为320px,调整大小为640px>精细加载速度为640px,调整大小为320px>不会删除谢谢,我一定会尝试一下,一切都有意义:)@Codesworth没问题!请告诉我它是否已修复,如果没有,我们可以考虑其他解决方案:)thanksHi,我注意到这仅在以x分辨率加载页面时有效-如果浏览器调整大小,则不适用…例如,以320px加载并调整大小至640px>以640px加载并调整大小至320px>不会移除效果我会将此标记为已解决-因为它确实回答了我的问题,我会要求另一个用户移除一个功能
$(document).ready(function(){
   $(window).resize(function() {
      if ($(window).width() <= 320) {
         // Leave empty
      }
      else {
        // Rest of your jQuery code can go here
      }
   });
});
$(window).resize(function(){
    var h = $(window).height();
    var w = $(window).width();

    if(w <= 320) {
         // Run your script
    }
});
@media only screen and (max-width : 320px) {
    /* Your styles here */
}