jQuery Mobile NOT Inset可折叠部分

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