3

見つかった複数のユーザーを表示する searchresults.php ページがあります。また、searchresults.php ページにはパネルがあります

<div data-role="panel" id="mypanel" data-display="overlay" data-theme="a">
  <div id="loadedprofile">
  </div>
</div><!-- /panel -->

「ユーザー div」の 1 つをクリックすると、次の Jquery 関数が起動してパネルが開きます。

検索結果の選択に関するパネル。

JQuery コード:

$('[id=profile]').on("click", function(e) {

    e.preventDefault();
    var userid = $(this).attr('userid');
    //window.location.href = "userdetails.php?userid=" + userid;

    $("#mypanel").panel("open");
    $("#loadedprofile").load("userdetailspanel.php?userid=" + userid);

    $("#mypanel").trigger("updatelayout");

    $('#commandlist').listview('refresh');

    $('[data-role=page]').trigger('pagecreate');
    $.mobile.activePage.trigger('pagecreate');

    $('#commandlist').listview().listview('refresh');

});

パネルが正しく開き、動的ページ (userdetailspanel.php) が正しく読み込まれます (画像を参照)。しかし、userdetailspanel.php にもリストビューがあります。

<ul data-role="listview" data-inset="true" id="commandlist">
 <li>
  <a href="#" id="mylink" name="mylink" >
    <img src='bolt.png' class="ui-li-icon" />Link
  </a>
 </li>
</ul>

このリストビューは正しく表示されません。青いハイパーリンクしか表示されません。

リストビュー一味

4

2 に答える 2

3

わかりましたので、秘訣は userdetailspanel 部分の下部に更新を追加することでした。

したがって、UL の後に次を追加します。

<script type="text/javascript">
       $('#commandlist').listview().listview('refresh');
</script>
于 2013-08-30T07:57:22.157 に答える