【问题标题】:jquery Mobile Table Width inside a collapsable Set可折叠集合内的jquery Mobile Table Width
【发布时间】:2013-06-05 14:14:39
【问题描述】:

我在 jQuery mobile 中的可折叠列表内的内容宽度存在问题。我无法将表格缩放到 100% 的可折叠内部内容元素..

您可以在此处查看示例: http://jsfiddle.net/2nmeh/1/

我尝试用

更新可折叠集
    $('#pegel_einzelansicht').collapsibleset( 'refresh' );

对表格宽度没有任何影响。知道如何操作以及在 css 或 js 中操作什么?

我知道有些答案使用了一些 CSS 操作,例如 display: table;,但这会破坏 Safari 和其他移动浏览器中的回流效果(跳列)。

【问题讨论】:

  • 这个问题已经有了答案。 stackoverflow.com/questions/15311756/…
  • 这并没有解决问题。添加后 display: table-row-group 父元素被占用,但会破坏表格的回流特性。
  • 看这里jsfiddle.net/2nmeh/2(你可以看到回流特征在那里)
  • 我在 Chrome 中尝试了这个例子,它可以工作。在 Safari 中,我在调整浏览器窗口大小后会跳转单元格,以便激活回流效果。
  • 这似乎不是重复的。

标签: jquery jquery-mobile jquery-mobile-collapsible


【解决方案1】:

工作示例:http://jsfiddle.net/Gajotres/a8VZu/

CSS:

.ui-collapsible-content {
    padding: 0 0 !important;

}
.ui-table-reflow.ui-responsive {
    display: table !important;
}

【讨论】:

  • 是的,这可能是 Chrome 的解决方案,但在 Safari 中,我在多次调整浏览器窗口大小后会出现跳栏。在移动设备上效果相同。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2012-12-01
  • 1970-01-01
  • 2013-06-27
  • 1970-01-01
  • 2012-01-14
  • 2012-09-12
  • 1970-01-01
相关资源
最近更新 更多