如何在JQuery Mobile中修复此布局问题

Question

我在里面创建了一个带有listview的弹出窗口。我还应用了一个列表过滤器。但是，格式不正确。有什么方法可以推动它（就像列表分隔符一样）？

编辑：代码

<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>

  

<强> Demo