只顯示使用jQuery的移動設備上的div

Question

我有一個電話號碼div.when它被點擊後，它會觸發一個電話，所以我只想在移動設備上顯示這個div。爲此，我分配了display none在div最初，我試圖表現出對使用jQuery像下面

$(document).ready(function() { 
    if($(window).width() <= 480) { 
     $('#phone-number').show(); 
    } 
}); 

移動設備的股利，但它不幹活不知道什麼是錯，請幫助我的人在這個問題上

Answer 1

你也可以把你的代碼放在$(window).resize處理程序中，如下所示：

$(window).resize(function() { 
    if($(window).width() <= 480){ 
     $('#phone-number').show(); 
    } 
}); 

還要確保你給正確id#phone-number