Question

我想在windows.width resize函数中使用多个函数。这是我尝试过的一些代码。我怎样才能在平板电脑上使用此代码，而不是在笔记本电脑和PC网站视图中使用

$(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

您可以使用此缩小的jQuery代码段来检测您的用户是否正在使用移动设备进行查看。如果您需要测试特定设备，我已经包含了一系列JavaScript代码段，可用于检测各种移动手持设备，如iPad，iPhone，iPod，iDevice，Andriod，Blackberry，WebO和Windows Phone。 /> How to Detect Mobile Devices using jQuery

$(document).ready(function() {
    var handler1 = function() {
       alert( "handler1" );
    };
    var handler2 = function() {
      alert( "handler2" );
    };
    var handler3 = function() {
       alert( "handler3" );
    };
    if(jQuery.browser.mobile)
    {
        console.log('You are using a mobile device!');
        $( window ).bind( "resize.handler1", handler1 );
        $( window ).bind( "resize.handler2", handler2 );
        $(window ).bind( "resize.handler3", handler3 );       
    }
    else
    {
       console.log('You are not using a mobile device!');
    }

    $("input").click(function(){
         $( window ).unbind("resize."+$(this).attr("id") );
    });
});

jQuery.browser.mobile是上面提到的图书馆 DEMO

如何在resize函数中使用多个函数？

1 个答案: