小编Mik*_*ike的帖子

自动打开已过滤的可折叠集项 - Jquery mobile

我创建了一个简单的页面,其中有一个应用于可折叠集合项的jquery数据过滤器(请参阅下面的jsfiddle和代码).可折叠的设置项目最初是关闭的.

我希望能够在过滤器框中输入一个单词,并在返回时自动打开匹配的可折叠集项目吗?

我在文档中找不到任何可以帮助我的内容.有任何想法吗?

http://jsfiddle.net/mikewilsonuk/xpaGE/

<head>
        <title>JQM latest</title>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <link rel="stylesheet" href="http://code.jquery.com/mobile/git/jquery.mobile-git.css">
        <script src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
        <script src="//ajax.googleapis.com/ajax/libs/jquerymobile/1.4.0/jquery.mobile.min.js"></script>
    </head>

    <body>
        <div data-role="page" id="page">
            <div data-role="content">
                <h1>Collapsible set with search</h1>
                <div data-role="collapsible-set" >
                    <div data-role="listview" data-inset="true" data-filter="true">
                        <div data-role="collapsible">
                            <h1>Numero uno</h1>
                            <div>some text</div>
                        </div>
                        <div data-role="collapsible">
                            <h1>Number two</h1>
                            <div>some text</div>
                        </div>
                        <div data-role="collapsible">
                            <h1>Numero three <div>Grade: 25% (8th of 128)</div></h1>
                            <div>some potato</div>
                        </div>
                        <div data-role="collapsible">
                            <h1>Number four</h1>
                            <div>some text</div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </body>
Run Code Online (Sandbox Code Playgroud)

filter jquery-mobile jquery-mobile-collapsible

2
推荐指数
1
解决办法
1694
查看次数