问题标签 [jquery-mobile-grid]

我正在开发一个 jquery 移动应用程序。在我的应用程序中，我有一些想要水平布局的表单数据。目前，我有以下内容：

我的挑战是，网格方法均匀地划分了 4 列。实际上，我只想将元素水平放置。我不需要所有东西都均匀分布。但是，我不确定如何执行此操作。

如何水平布局内容？

我正在尝试创建一个 jquery 函数，该函数在我的 jqm 页面上的元素的网格和列表类型布局之间切换。这是我的html结构：

...

这是我的功能：

}

然而，这些元素仍然只是一个在另一个之上。我究竟做错了什么？

谢谢

我在试图弄清楚如何在 jQuery Mobile 1.3.0 中调整控制组的大小时遇到​​问题

我不知道正确的方法，现在我正在调整 .ui-btn 类的大小，如下所示：

但它并没有像我预期的那样调整按钮的大小，如果我把它们放大，右边的按钮会与左边的按钮重叠，或者当我把它们缩小时它们不会重新定位。

这是我的 HTML，它是一个包含 5 个块的控制组，其中 4 个是列，一个是中间的 Solo 组：

我设置的jsFiddle中的所有代码：http: //jsfiddle.net/4zMqn/1/

提前致谢！

那么是否可以在 jQuery mobile 中居中网格。例如我有这个http://jsfiddle.net/nonamez/Pr8pa/

它看起来像

我试图在网格系统中放置一个 ListView，但它没有正确显示。它是平板电脑的应用程序，所以不要为巨大的文字而烦恼。

jsfiddle：http: //jsfiddle.net/ZX4YC/

在我的 jQuery 移动应用程序中，一些内容没有出现在我的屏幕上。一些内容显示在我的标题和导航栏下。这是我用于我的网格的代码，我正在使用独奏和 2 列网格。

我的问题图片：http: //imageshack.us/photo/my-images/23/f3fs.png/

我的网格代码：

我尝试在第一个块内有第二个响应式 ui-grid，但我无法让这样的东西工作。这将表现为 25% 25% 50% 流体响应布局。

这是我的意思的简短示例：

这是我现在得到的示例：http: //jsfiddle.net/j5zbB/

想法应该是：在较大的屏幕尺寸下，两个表单元素位于同一行，在较小的屏幕尺寸下，它们位于彼此下方。

更新

请让我用图片更好地解释这个问题之外的想法。

这将是更大屏幕尺寸的嵌套布局，例如在平板电脑中，横向：

这将是平板电脑中的嵌套布局，纵向：

这将是非常小的屏幕尺寸的嵌套布局，例如在手机中：

也许还有另一种方法可以在没有 ui-grids 的情况下实现类似的目标，或者有人可以提供帮助？提前感谢大家。

我的应用程序中需要一个可点击的“表格”。我得到的最接近的是使用列表查看器和链接与网格相结合。下面的示例是我需要的（可点击的表格行和右侧的单独按钮）。我的问题是我无法将“正文列”与“标题标题”对齐，因为“表格正文”中的按钮偏移了网格。

http://jsfiddle.net/lokkin/p9M8p/3/

我有一个 Jquery 移动网格 -ui-grid-a在一个屏幕中，我必须在其中显示一个 .html 屏幕ui-block-a和另一个 .html 屏幕ui-block-b。当我尝试加载屏幕时，它只显示一个带有 ajax 加载程序进度条的空屏幕。下面是我尝试过的代码。

尝试创建一个支持移动屏幕的响应式网格。使用 jQuery 移动ui-responsive网格时，即使第一行有空间容纳第二列，列也会换行并表现得像行（一个下一个）。如果我在平板电脑尺寸屏幕上测试相同，一切正常。我错在哪里，或者这就是它的行为方式？

我使用的代码是

我什至尝试使用 css 减小列的宽度.ui-grid-a .ui-block-a { width: 30% } .ui-grid-a .ui-block-b { width: 30% }。它减小了宽度，但仍ui-block-b保留在下一行。