如何使用JQuery正确发现和打印浏览器窗口宽度?为什么它不起作用?

安德里亚·诺比利(AndreaNobili)

我在JQuery中还很陌生,但存在以下问题。

如果浏览器具有特定的宽度,则必须以不同的方式呈现我的页面(我需要使用它来解决屏幕较小的移动设备上的问题)

因此,作为第一步,我试图发现浏览器的窗口宽度(因此,如果宽度小于某个特定值,我会认为该页面已显示在智能手机中,并且我已解决了该问题)。

所以我正在尝试做这样的事情:

$(document).ready(function () {
    var windowWidth = $(window).width();
    alert(windowWidth);
}

我正在尝试进入JSFiddle链接

但这似乎不起作用,因为我看不到任何输出。为什么?怎么了?如何正确发现并打印浏览器窗口的宽度?

什里尼瓦斯派(Shrinivas pai)

我想您jquery想不到,也可以在head标签中添加它

<script src="http://code.jquery.com/jquery-2.1.4.min.js"></script>

您缺少)将其添加到代码末尾的功能。

$(document).ready(function () {
    var windowWidth = $(window).width();
    alert(windowWidth);
});

小提琴:这里演示

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

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

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

为什么我的jquery代码在移动浏览器上不起作用

来自分类Dev

为什么 jQuery ajax 功能在 IOS 浏览器设备中不起作用

来自分类Dev

jQuery-为什么在选择器上使用它不起作用?

来自分类Dev

为什么jquery click事件在plunker中起作用,但在任何浏览器中都不起作用

来自分类Dev

宽度:100%在移动浏览器上不起作用

来自分类Dev

将`foreach`和`if`结合使用的Perl语法:它不起作用,即:为什么它不起作用?

来自分类Dev

Awesomium浏览器新窗口不起作用

来自分类Dev

为什么此Jquery代码在IE上不起作用?(在其他浏览器上完美运行)

来自分类Dev

jQuery-键盘快捷键在单击浏览器窗口之前不起作用

来自分类Dev

广播接收器:为什么它不起作用?

来自分类Dev

如何让div继承浏览器窗口的宽度和高度

来自分类Dev

为什么地理定位在移动浏览器上不起作用?

来自分类Dev

为什么javascript contains属性在chrome浏览器中不起作用?

来自分类Dev

为什么HTML实体在Windows Chrome浏览器上不起作用?

来自分类Dev

为什么选择的多个文件在chrome浏览器上不起作用?

来自分类Dev

为什么此create-react-app在移动浏览器上不起作用?

来自分类Dev

为什么SVG模糊在HTML或浏览器中不起作用?

来自分类Dev

为什么键盘快捷键在Google Chrome浏览器中不起作用?

来自分类Dev

为什么选择的多个文件在chrome浏览器上不起作用?

来自分类Dev

为什么tonggle事件不起作用?(即使在谷歌浏览器中)

来自分类Dev

为什么此代码在Chrome浏览器中不起作用?

来自分类Dev

为什么(MouseUp mouseDown)在移动浏览器上不起作用?

来自分类Dev

javascript:警报在任何浏览器中都不起作用,为什么

来自分类Dev

为什么anime.js 在我的浏览器中不起作用?

来自分类Dev

为什么 fetch 在我的移动浏览器上不起作用?

来自分类Dev

jQuery CSS代码在浏览器中不起作用

来自分类Dev

jQuery POST在某些浏览器上不起作用

来自分类Dev

jQuery printelement函数在浏览器中不起作用

来自分类Dev

为什么[CSS功能]在[浏览器]中不起作用,但在其他浏览器中又起作用呢?

Related 相关文章

  1. 1

    为什么我的jquery代码在移动浏览器上不起作用

  2. 2

    为什么 jQuery ajax 功能在 IOS 浏览器设备中不起作用

  3. 3

    jQuery-为什么在选择器上使用它不起作用?

  4. 4

    为什么jquery click事件在plunker中起作用,但在任何浏览器中都不起作用

  5. 5

    宽度:100%在移动浏览器上不起作用

  6. 6

    将`foreach`和`if`结合使用的Perl语法:它不起作用,即:为什么它不起作用?

  7. 7

    Awesomium浏览器新窗口不起作用

  8. 8

    为什么此Jquery代码在IE上不起作用?(在其他浏览器上完美运行)

  9. 9

    jQuery-键盘快捷键在单击浏览器窗口之前不起作用

  10. 10

    广播接收器:为什么它不起作用?

  11. 11

    如何让div继承浏览器窗口的宽度和高度

  12. 12

    为什么地理定位在移动浏览器上不起作用?

  13. 13

    为什么javascript contains属性在chrome浏览器中不起作用?

  14. 14

    为什么HTML实体在Windows Chrome浏览器上不起作用?

  15. 15

    为什么选择的多个文件在chrome浏览器上不起作用?

  16. 16

    为什么此create-react-app在移动浏览器上不起作用?

  17. 17

    为什么SVG模糊在HTML或浏览器中不起作用?

  18. 18

    为什么键盘快捷键在Google Chrome浏览器中不起作用?

  19. 19

    为什么选择的多个文件在chrome浏览器上不起作用?

  20. 20

    为什么tonggle事件不起作用?(即使在谷歌浏览器中)

  21. 21

    为什么此代码在Chrome浏览器中不起作用?

  22. 22

    为什么(MouseUp mouseDown)在移动浏览器上不起作用?

  23. 23

    javascript:警报在任何浏览器中都不起作用,为什么

  24. 24

    为什么anime.js 在我的浏览器中不起作用?

  25. 25

    为什么 fetch 在我的移动浏览器上不起作用?

  26. 26

    jQuery CSS代码在浏览器中不起作用

  27. 27

    jQuery POST在某些浏览器上不起作用

  28. 28

    jQuery printelement函数在浏览器中不起作用

  29. 29

    为什么[CSS功能]在[浏览器]中不起作用,但在其他浏览器中又起作用呢?

热门标签

归档