jquery-mobile：在列表视图中可折叠

Question

我想在jquery mobile中使用listview中的一些可折叠元素。我可以很好地设置可折叠在相应的

部分内部添加，但是当折叠没有折叠时，可折叠的信息不在可折叠的泡泡内，我该如何修复它以包含泡泡标题和描述？

由于

<div id="dispositivo" data-role="page" data-theme="c" data-cache="refresh">
<div data-role="content" role="main">
        <ul data-role="listview" data-inset="true" data-theme="c" data-dividertheme="b">
            <li data-role='list-divider'>Titulo</li>
            <form id="form_disp" name="form_disp" method="post" action="test.php"> 
                <li data-role='fieldcontain'>
                    <a id="estado" name="estado" href="#" data-theme="b" data-role="button" data-inline="true">Boton</a>                
                <div data-role="content" data-inset="true">
                    <div data-role="collapsible" data-inset="true">
                        <h3>Info1</h3>
                        <p>Ahora estamos viendo el info 1</p>
                    </div>
                    <div data-role="collapsible">
                        <h3>Info 2</h3>
                        <p>Ahora estamos viendo el info 2</p>
                    </div>
                </div>
            <button data-theme="b" id="b_conf_disp" data-role="button" data-inline="true" type="submit">Boton 2</button>
        </form>
        </ul>
    </div>      
</div>

Answer 1

我认为您错过了</li>代码。

Answer 2

对于类似的东西，您可以尝试使用我编写的插件，允许某些listview项在列表视图中内联打开。

The Github Repo