【问题标题】:jquery-mobile multi-column layout possible using grids?jquery-mobile 多列布局可以使用网格吗?
【发布时间】:2011-05-27 15:54:39
【问题描述】:

我正在尝试使用 Jquery Mobile 进行多列布局。

首先我尝试使用 Jquery Mobile Grids。示例可以在这里找到: link text

由于这不起作用,我尝试使用普通的 Jquery 和 JqueryMobile 来解决。这里的例子: link text

更糟糕...

问题: 单击链接时,有没有办法只使用 Jquery Mobile = 左右内容和标题更新中间网格应该保持(持久)? 如果没有,什么是“可行的解决方法”

感谢您的帮助,

问候,

频繁

编辑 2011-11-24: 我正在为多面板和弹出面板布局设置我自己的 JQM 插件。见Github

【问题讨论】:

标签: jquery-mobile multiple-columns


【解决方案1】:

想法 3 jQuery Mobile 链接到 2 个适用于当前版本的不同解决方案。见:

[edit] 不再适用于当前版本。我正在考虑重返游戏并从头开始创造一些东西 http://asyraf9.github.com/jquery-mobile/

http://www.stokkers.mobi/valuables/multiview/page2.html

想法 2

插入页面*事件。

不再提供 http://jquerymobiledictionary.dyndns.org/dualColumn.html

版本 0.2 已发布。插件现在无需任何 JS 编码即可工作。

想法 1

.page() 已过时,但主要思想仍应与 .trigger('create') 一起使用

我第一个适用于当前 jQuery Mobile 的想法是永远不要使用加载内容的默认方法。

这样您将创建一个您喜欢的网格并通过您的 ajax 调用加载内容,将加载的数据放入选定的容器中(必须使用新插入 DOM 的容器包装数据)并在其上调用 .page()。见:http://jquerymobiledictionary.dyndns.org/faq.html

这将起作用,但非 JavaScript 浏览器将永远无法使用。所以它搞乱了 jQuery Mobile 的整个渐进式增强。如果您计划创建一个真实的应用程序,这不应该发生。我在我的 jqureymobiledictionary 页面中做了这样的事情(字典是通过 ajax 加载的,如果关闭了 JS 则无法访问)。主要目的是保持 JSON 格式的字典。对于没有开发人员作为主要目标的应用程序,我不推荐它:)

【讨论】:

  • 对想法 2 感到好奇。同时我会检查 #1。到目前为止,谢谢。频繁
  • Jquery Mobile 提供的 changePage 函数旁边的“changeGrid”函数会很好。
  • 太棒了!非常感谢。可能正是我一直在寻找的。​​span>
  • 感谢您帮助我解决这个问题。这样做很有趣 :) 将错误和想法寄给我 - 我的地址在 about 页面中。
  • 当然。只是那天是星期天。 ;)
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2020-12-18
  • 2019-03-01
  • 1970-01-01
相关资源
最近更新 更多