1

リストビューがあり、リストビューで各項目をクリックすると (ローカルストレージに追加され、) ダイアログ (ページ) が開き、クリックした項目の詳細情報 (詳細ビュー) が表示されます。ダイアログページのマークアップを追加していますが、これを行うと、アイテムをクリックするとダイアログページでクリックされたアイテムの正しい詳細が表示されますが、ダイアログページが閉じられて別のものをクリックするとアイテムが、以前にダイアログ ページにあったものに追加されます。閉じるボタンをクリックして次の項目に戻ると、ダイアログ ページを更新したいと考えています。

新しいダイアログ ページの href は次のとおりです。

markup += '<li><a href="#fbfullpostviewpage" class="item" data-rel="dialog" data-transition="pop" data-overlay-theme="e" data-inline="true"><img src="' + thumb_url + '">' +'<h4>' + name + '</h4><p>' +'posted this photo....</p><p>'+likes+'<img src="images/facebook-like-16.png"></p></a></li>';

ダイアログページは次のとおりです。

<div data-role="page" id="fbfullpostviewpage">
  <script src="facebook_feed.js"></script>
  <script type="text/javascript">

          $( '#fbfullpostviewpage' ).on( 'pageinit', function( event ) {
           if (Modernizr.localstorage) {
             //retrievPostFromLocalStorage();              
             // $('#actorDisplay').remove();




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



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

        </h1>
    </div><!-- /header -->
    <div id="fb-root"></div>
    <div data-role="content" data-theme="d">
      <p id="message"/>
      <div id ="actorDisplay"></div>
      <div id ="detailedpost"></div>


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

ここに私が追加する方法があります

 function showDetailedPost(ItemtoDisplay){


    var actorID = ItemtoDisplay.actor_id;
    var actor_name;
    var actor_markup ='';



      FB.api('/'+actorID+'', function(response) {
       // console.log(response);
                  actor_name = response.name; 
                    $('#fbheader #headername').text(actor_name);




   if ((ItemtoDisplay.attachment.media != undefined) && (ItemtoDisplay.attachment.media[0].type == "photo")) {

     actor_markup += '<img src="https://graph.facebook.com/' + actorID + '/picture">'+'  ' + actor_name + ' posted this photo ';

   var thumb_url = ItemtoDisplay.attachment.media[0].src;
   var full_url = thumb_url.replace(/(\/[^/]*)s\.jpg$/, '/s720x720$1n.jpg');

}


 $('#actorDisplay').append(actor_markup);

    });
//$('#actorDisplay').remove(actor_markup);


  }

私は .trigger('create'); を試しました。しかし、多分私はそれを正しい場所に置いていませんでした。助けてください

4

1 に答える 1

0

マークアップを追加する前にコンテナーをクリアします。

$('#actorDisplay').empty().append(actor_markup);
于 2013-07-04T22:09:57.327 に答える