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

Codegeek

我有一个电话号码div。当单击它时,它将触发一个呼叫,所以我只想在移动设备上显示此div。为此,我最初未将div分配给任何人,并且我试图在div上显示div使用jQuery的移动设备如下

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

但这是行不通的。我不知道这是怎么回事,请有人帮我解决这个问题

维杰

您还可以将代码放入$(window).resize如下处理程序中

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

还要确保您给出的是正确的 id #phone-number

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

在移动设备上使用 jquery 隐藏 div

来自分类Dev

真棒字体仅在移动设备上显示

来自分类Dev

仅在移动设备上居中显示文字

来自分类Dev

仅在移动设备上显示图像

来自分类Dev

仅在移动设备与桌面设备上的小空间(使用 pos absolute / css 堆叠 div)

来自分类Dev

引导导航栏-仅在移动设备上显示子菜单

来自分类Dev

WordPress管理栏仅在移动设备上显示

来自分类Dev

jQuery可折叠元素,仅在移动设备上折叠

来自分类Dev

仅在非移动设备上使用CSS类的方法

来自分类Dev

仅在以下情况下显示Div ID:如果使用javsacript无法检测到移动设备,结果为

来自分类Dev

在移动设备上滚动显示内容溢出的固定div

来自分类Dev

如何仅在移动设备上放大页脚?

来自分类Dev

仅在移动设备上禁用bxslider滑动

来自分类Dev

bash脚本“(”仅在移动设备上意外

来自分类Dev

粘底按钮仅在移动设备上

来自分类Dev

在移动设备上隐藏 DIV

来自分类Dev

在台式机上隐藏导航元素,仅在移动设备上显示

来自分类Dev

仅在台式机上显示adsense广告,然后在移动设备上隐藏该广告

来自分类Dev

IMG在使用Bootstrap的移动设备上未以模态显示

来自分类Dev

使用 flex 在移动设备上显示卡片

来自分类Dev

Div仅在CSS动画开始时在移动设备上消失

来自分类Dev

创建仅在移动设备中显示在中型设备(平板电脑)bot 上的引导菜单汉堡包图标

来自分类Dev

在移动设备上使用jquery nicescroll滚动速度非常慢

来自分类Dev

使用jQuery在触摸/移动设备上悬停交互

来自分类Dev

使用 Jquery 的 .each() 函数使网页在移动设备上滞后

来自分类Dev

使用媒体查询仅在移动设备上包括JS文件

来自分类Dev

是否可以仅在移动设备上使用Twitter Bootstraps .navbar-fix-to-top?

来自分类Dev

如何使用 css 媒体查询仅在移动设备上定位谷歌浏览器

来自分类Dev

jQuery动画仅在鼠标移动时显示。

Related 相关文章

  1. 1

    在移动设备上使用 jquery 隐藏 div

  2. 2

    真棒字体仅在移动设备上显示

  3. 3

    仅在移动设备上居中显示文字

  4. 4

    仅在移动设备上显示图像

  5. 5

    仅在移动设备与桌面设备上的小空间(使用 pos absolute / css 堆叠 div)

  6. 6

    引导导航栏-仅在移动设备上显示子菜单

  7. 7

    WordPress管理栏仅在移动设备上显示

  8. 8

    jQuery可折叠元素,仅在移动设备上折叠

  9. 9

    仅在非移动设备上使用CSS类的方法

  10. 10

    仅在以下情况下显示Div ID:如果使用javsacript无法检测到移动设备,结果为

  11. 11

    在移动设备上滚动显示内容溢出的固定div

  12. 12

    如何仅在移动设备上放大页脚?

  13. 13

    仅在移动设备上禁用bxslider滑动

  14. 14

    bash脚本“(”仅在移动设备上意外

  15. 15

    粘底按钮仅在移动设备上

  16. 16

    在移动设备上隐藏 DIV

  17. 17

    在台式机上隐藏导航元素,仅在移动设备上显示

  18. 18

    仅在台式机上显示adsense广告,然后在移动设备上隐藏该广告

  19. 19

    IMG在使用Bootstrap的移动设备上未以模态显示

  20. 20

    使用 flex 在移动设备上显示卡片

  21. 21

    Div仅在CSS动画开始时在移动设备上消失

  22. 22

    创建仅在移动设备中显示在中型设备(平板电脑)bot 上的引导菜单汉堡包图标

  23. 23

    在移动设备上使用jquery nicescroll滚动速度非常慢

  24. 24

    使用jQuery在触摸/移动设备上悬停交互

  25. 25

    使用 Jquery 的 .each() 函数使网页在移动设备上滞后

  26. 26

    使用媒体查询仅在移动设备上包括JS文件

  27. 27

    是否可以仅在移动设备上使用Twitter Bootstraps .navbar-fix-to-top?

  28. 28

    如何使用 css 媒体查询仅在移动设备上定位谷歌浏览器

  29. 29

    jQuery动画仅在鼠标移动时显示。

热门标签

归档