【问题标题】:fix the orientation on page to landscape only in Jquery-mobile仅在 Jquery-mobile 中将页面方向修复为横向
【发布时间】:2012-07-13 08:58:49
【问题描述】:

当我将 jquery mobile 用于我的 web 应用程序时,页面的方向如何只能是横向的?

页面包含一些表格数据,在移动版中无法竖屏显示...

看看我的布局..http://jsfiddle.net/nY5ZF/1/

这可以解决吗???

【问题讨论】:

  • 也许这可以帮助您锁定横向? stackoverflow.com/questions/7009743/…
  • srry 但我试过了,它不适合我......
  • 您要么使用@media,要么仅在横向视图处于活动状态时显示数据。要求用户改变方向以查看数据。
  • 但是什么时候??如果用户此时旋转其智能手机或平板电脑??
  • 你可以收听orientation change。隐藏纵向数据并在横向上显示。

标签: jquery jquery-mobile orientation landscape


【解决方案1】:

我们现在在 jquerymobile 1.3.1 中有响应式表,您可以使用它...

http://jquerymobile.com/demos/1.3.0-beta.1/docs/tables/

与混合应用 (phonegap) 不同,它无法在 web 应用中锁定方向。有些浏览器在这方面对我们没有帮助。

接下来,您可以以列表格式显示这些数据,或者只检查模式,如果是纵向,则给出一个简单的消息“要查看表格,请使用横向”。

【讨论】:

  • 是的,我认为这是完美的解决方案。为此,我已经回答了这个问题。在 jQm 启动此功能之前...谢谢...
【解决方案2】:

尝试使用jQuery Mobile的orientation属性并将其设置为false。

jQuery.mobile.orientationChangeEnabled = false;

这必然会退回到调整窗口大小事件。调整大小可以由min-width CSS3 处理

http://jsfiddle.net/nY5ZF/7/

【讨论】:

    【解决方案3】:

    您无法锁定浏览器的旋转,但您可以为一个方向使用不同的样式表,并在纵向模式下使用另一个样式表来隐藏所有内容。

    <link rel="stylesheet" type="text/css" href="css/style_l.css" media="screen and (orientation: landscape)">
    <link rel="stylesheet" type="text/css" href="css/style_p.css" media="screen and (orientation: portrait)">
    

    【讨论】:

    • 你的想法是对的,但是表格设计并不适合移动设备...这就是为什么要尝试找到解决方案的原因...
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2011-05-16
    • 1970-01-01
    • 2010-11-12
    相关资源
    最近更新 更多