2014-09-12 78 views
0

我想在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'); 
       } 
      }); 
     }); 
    } 
}); 
+0

提到,庫寬度寬度有關,它使沒有什麼不同,如果你想你使用的設備上,請澄清針對特定的設備或目標的寬度 – Huangism 2014-09-12 14:00:54

+0

你的問題的標題和問題的描述非常不連貫 – LcSalazar 2014-09-12 14:09:45

+0

'if(jQuery.browser.mobile){...}'可能是你要找的東西 – andrew 2014-09-12 14:10:40

回答

0

你可以使用這個精縮jQuery的片段來檢測,如果你的用戶是觀看使用移動設備。如果你需要測試一個特定的設備,我已經包含了一些JavaScript代碼片段,下面的代碼片段可以用來檢測iPad,iPhone,iPod,iDevice,Andriod,Blackberry,WebOs和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

相關問題