Question

我想仅在resposive模板上使用此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');
                }
            });
        });

我希望此代码仅适用于Windows宽度＆lt; 1000，我也试过那个代码，但它没有工作

$(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');
                }
            });
        });
   }
});

Answer 1

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

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

这是fiddle。

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

1 个答案: