jQuery Mobile 未插入可折叠部分

Question

使用 jQuery 移动框架工作。 The documents 声明，如果将 data-inset="false" 添加到 data-role="copllapsible"，可折叠元素将占据整个屏幕宽度（实际上文档页面上的示例也是如此）。

当我在我的应用程序中尝试它时它失败了，并且总是呈现为“插入”元素。

标记：

  <ul data-role="listview" data-inset="false">
    <li>
      <div data-role="collapsible" data-theme="b" data-inset="false">
        <h4>
          Pad Thai
        </h4>
        <ul data-role="listview">
          <li>
            rice
          </li>
          <li>
            peanuts
          </li>
          <li>
            spicey stuff
          </li>
        </ul>
      </div>
    </li>
    <li>
      Pork
    </li>
    <li>
      Beans
    </li>
  </ul>

我可以做些什么来获得预期的非插入渲染？

（我开了一个fiddle here）

Answer 1

我不确定您到底想要什么，但也许可折叠列表会有所帮助？见http://jquerymobile.com/test/docs/lists/lists-collapsible.html