如何根据媒体屏幕控制jquery？答案

【问题标题】：how to control jquery according to media screen?如何根据媒体屏幕控制jquery？
【发布时间】：2014-09-13 00:05:25
【问题描述】：

我只想在响应式模板上使用此 jquery，并希望在台式机和笔记本电脑屏幕宽度中禁用它

$(document).ready(function() {
    $('a.searchkey').click(function(){
    $('.search').slideToggle('fast');
    $(this).toggleClass('active');
});
});
$(window).scroll(function() {
    if ($(this).scrollTop() > 10){
          $('.search').hide('fast'); 
    }
});
 $(document).ready(function() {
            $(window).scroll(function() {
                if ($("body").height() <= ($(window).height() + $(window).scrollTop())) {
                   $('.bottom_menu').hide();
                }else {
                    $(this).scrollTop() > 10
                    $('.bottom_menu').show('fast');
                }
            });
        });

我希望此代码仅适用于宽度

$(window).resize(function() {
   if ($(this).width() < 1000) {
$(document).ready(function() {
    $('a.searchkey').click(function(){
    $('.search').slideToggle('fast');
    $(this).toggleClass('active');
});
});
$(window).scroll(function() {
    if ($(this).scrollTop() > 10){
          $('.search').hide('fast'); 
    }
});
 $(document).ready(function() {
            $(window).scroll(function() {
                if ($("body").height() <= ($(window).height() + $(window).scrollTop())) {
                   $('.bottom_menu').hide();
                }else {
                    $(this).scrollTop() > 10
                    $('.bottom_menu').show('fast');
                }
            });
        });
   }
});

【问题讨论】：

检查一下 - stackoverflow.com/questions/6136193/… 和 stackoverflow.com/questions/7715124/…
@MaryMelody 很高兴我知道这一点，但我的问题是如何将该代码放入此代码中 $(window).resize(function() { if ($(window).width( )
尝试使用 $(window).resize 切换 $(document).ready。
@Tim 我尝试像jsfiddle.net/Lpu2sxrh 一样尝试它，但它不起作用如果你检查它并为我修复它可能会出现一些错误......也许它会起作用
这行有问题：$(this).scrollTop() > 10。

标签： jquery html responsive-design

【解决方案1】：

一种方法是将if 语句放入您要限制的每个函数中。因此，当调用该函数时，它首先检查窗口的大小是否合适。像这样的：

function functionName() {
    if ($(window).width() < 1000) {
        //function code here
    }
}

这是fiddle。

【讨论】：