Question

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

是否有人知道此重叠问题的修复方法？

这是一个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>

更新：我玩了一下，并使listview inset修复了重叠。尽管如此，如果有人知道如何，我想要一种避免重叠而没有插入的方法！ New JsFiddle

Answer 1

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

您可以通过指定：

解决此问题

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

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

您可以在this updated fiddle中看到结果。

JQueryMobile Button / Listview重叠

1 个答案: