Javascript JQuery移动列表视图可折叠小部件

我四处寻找如何在listview jquery mobile中包含“显示更多”选项，但我找不到？有人知道我在哪里可以找到任何例子吗

我正在尝试在facebook上实现一个类似于评论功能的功能

不过我试过了。如果有超过4条注释，那么在可折叠的小部件中包括列表视图，如果不只是显示列表视图，而是因为我在元素之间循环，我在实现这一点时遇到了问题。这是我的密码：

for (var i = 0; i < post_comments.length; i++) {
            var comment = post_comments[i];
            var comment_actor_id = comment.from.id;
            var comment_message = comment.message;  
            var comment_actor_name = comment.from.name;

            if (post_comments.length > 4){

             morecomments_markup = '<div data-role="collapsible" id="moreComments" data-theme="b" data-content-theme="b" data-mini ="true"><h3>Show Comments</h3><p></div>';

           } else {

            comment_markup += '<li style="padding-left:60px; min-height=30px;"><img src="https://graph.facebook.com/' + comment_actor_id + '/picture" class="ui-li-icon">'+'<p style="white-space:normal"><strong>' + comment_actor_name + '</strong>:  ' + comment_message +'</p></li>';
           }

          }

          $('#moreComments').replaceWith(morecomments_markup);
          $('#moreComments').collapsible();
          $('#moreComments .ui-collapsible-content').append(comment_markup).trigger('create');
          $('#fbComments').empty().append(comment_markup);
           $('#fbComments').listview("refresh");

for（var i=0；i4）{
morecomments_markup='Show Comments'；
}否则{
注释标记+='
'+'
'+comment\u actor\u name+”：“+comment\u message+”
”；
}
}
$（'#moreComments'）。替换为（moreComments_标记）；
$（'#moreComments'）。可折叠（）；
$（'#moreComments.ui可折叠内容'）.append（comment#u markup.trigger（'create'）；
$（'#fbComments'）.empty（）.append（注释标记）；
$（'fbComments'）。列表视图（“刷新”）；

这就是代码当前所做的：它删除了可折叠小部件中的jquery listview样式

以下是html：

 <!--Start of FullpostViewPage -->
  <div data-role="page" id="fbfullpostviewpage">
    <script>

          $( '#fbfullpostviewpage' ).on( 'pageinit', function( event ) {

           if (Modernizr.localstorage) {



            }
            else {
                $('#message').text("Sorry your browser doesn't support local storage");
                $('#message').show();
            }
    });
  </script>

    <div data-role="header" id="fbheader" data-theme="b" data-inset="true"><div class="logo"><img src="images/facebook_64x64.png"></div>
        <h1 id="headername"style="position:relative; top:-10px;">

        </h1>
    </div><!-- /header -->
    <div data-role="content" data-theme="d">
      <p id="message"/>
      <div id ="actorDisplay"></div>
      <div id ="detailedpost"></div>
     <div id="fblikeblock"></div>
     <div id="moreComments"></div>
     <div><ul data-role="listview" data-icon="false" data-theme="c" id="fbComments" data-inline="true"data-inset="true"></ul></div>
      <div id="fbCommentblock"></div>


    </div><!-- /content -->
    <div data-role="footer" data-theme="b">
        <h5>

        </h5>
    </div><!-- /footer -->
</div><!--End of FullpostViewPage -->

$（'fbfullpostviewpage'）。在（'pageinit'，函数（事件）{
if（modernizer.localstorage）{
}
否则{
$（'#message'）.text（“对不起，您的浏览器不支持本地存储”）；
$（“#消息”）.show（）；
}
});

试试

$（“#可折叠id”）。触发（'create'）

并删除

listview（'refresh'）

，因为create会起到神奇的作用。@Omar nope这不起作用：/你能把它放到fiddle中吗？@Omar它处理facebook上的动态内容，所以你可能需要授权我的facebook应用程序，甚至是为了测试它？我不太确定如何把它与所有不同的js文件需要摆弄。它应该正常工作，检查这个