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

Question

我有一個電話號碼div。當單擊它時，它將觸發一個呼叫，所以我只想在移動設備上顯示此div。為此，我最初未將div分配給任何人，並且我試圖在div上顯示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