1

根据我的经验，<ul>按钮上方或下方的右侧<a data-role="button">..</a>会导致它们重叠。我的解决方法是大量使用<br>'s，但这似乎是一个破碎的工作流程。

有谁知道这个重叠问题的解决方法？

这是一个展示我的问题的JsFiddle 。

这是小提琴中使用的代码：

    <div data-role="content">
        <ul data-role="listview" data-theme="b">
            <li>Hello</li>
            <li>World</li>
        </ul>
        <a data-role="button" href="#">Give me my space!</a>

        <ul data-role="listview" data-theme="b">
            <li>Boring</li>
            <li>workaround</li>
        </ul>
        <BR>
        <a data-role="button" href="#">Give me my space!</a>
    </div>

更新：我玩了更多，并使列表视图插入修复了重叠。尽管如此，如果有人知道如何，我想要一种避免重叠而不插入的方法！ 新的 JsFiddle

4

1 回答 1

1

在 jQuery Mobile 的 CSS 中，它看起来像是一个不正确的边距覆盖。

您可以通过指定来解决它：

.ui-content .ui-listview, .ui-panel-inner .ui-listview {
    margin-bottom: 1em;
}

但是，这可能与其他 jQuery Mobile 小部件发生冲突（除非边距覆盖是一个错误）。

您可以在这个更新的 fiddle中看到结果。

于 2013-04-13T16:24:19.287 回答