jquery-mobile:列表视图中的可折叠

jquery-mobile: Collapsible inside list-view

提问人:togarha 提问时间:5/15/2012 更新时间:6/12/2013 访问量:5931

问:

我想在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>
    
  • jquery-移动

    评论


    答:

    4赞 stay_hungry 5/15/2012 #1

    我想你错过了标签。</li>

    评论

    0赞 togarha 5/15/2012
    我发现了问题,是jquery移动版本,我更新了版本,一切正常
    0赞 Aaron Springer 6/12/2013 #2

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

    Github 存储库