jquery-mobile - 如何在 JQuery Mobile 中解决此布局问题

Question

我创建了一个弹出窗口，里面有一个列表视图。我还应用了一个列表过滤器。但是，它的格式不正确。有什么办法可以把它推高一点（就像列表分隔线一样）？

编辑：代码

<div data-role="content">
  <div data-role="popup" id="popupMenu" data-theme="d">
    <ul data-role="listview" data-inset="true" id="symptomslist" style="min-width:210px;" data-theme="d" data-filter="true">
    </ul>
  </div>
</div>

Answer 1

要在页面、对话框、面板或弹出窗口中获得 jQuery Mobile 内容样式的最佳结果，请始终将它们放在data-role="content".

<div data-role="popup" id="popupMenu" data-theme="d">
  <div data-role="content">
    <ul data-role="listview" data-inset="true" data-theme="d" data-filter="true">
      <!-- list items -->
    </ul>
  </div>
</div>

演示