仅在使用 jQuery 的移动设备上显示 div答案

【问题标题】：Showing a div only on mobile devices using jQuery仅在使用 jQuery 的移动设备上显示 div
【发布时间】：2016-03-31 16:11:52
【问题描述】：

我有一个电话号码 div。当它被点击时，它会触发一个电话，所以我想只在移动设备上显示这个 div。因为我最初已经为 div 分配了 display none 并且我正在尝试显示使用 jQuery 的移动设备上的 div 如下所示

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

但它不起作用。我不知道这有什么问题，请有人帮助我解决这个问题

【问题讨论】：

【解决方案1】：

您也可以将您的代码放入$(window).resize 处理程序中，如下所示：

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

还要确保您提供正确的id #phone-number

【讨论】：