我有一个列表视图,当在列表视图上单击每个项目时,(将其添加到本地存储中),将打开一个对话框(页面),显示单击的项目的更多信息(详细视图)。 我为对话框页面添加了标记,同时执行的操作是,当我单击一个项目时,它在对话框页面上显示了所单击项目的正确详细信息,但是当对话框页面关闭并单击另一个时,项目,它将其添加到对话框页面上的先前项目中。 单击关闭按钮并返回到下一个项目后,我想刷新对话框页面。

这是新对话框页面的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'); 但是也许我没有把它放在正确的地方。 请帮忙

===============>>#1 票数:0 已采纳

附加标记之前,请清除容器。

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

  ask by Dot translate from so

未解决问题?本站智能推荐:

1回复

加载后刷新jquery移动页面

我有两页,A和B: ->登录页面。 B->包含HTML元素和iScoll“拉动刷新”代码。 evrey的东西工作正常,但是当我从A登录到B时,iScroll内容未出现,如果我确实刷新了页面B,则该内容又出现并正常工作,这是iScroll代码: 谁能帮忙, 编
2回复

JQuery Mobile在刷新时加载样式和脚本

JQM加载页面的方式是通过ajax获取具有属性data-role="page"的元素,而不是整个文档。 那么,我如何让JQuery Mobile从任何页面(或刷新)加载样式和脚本,而不是仅在入口点(index.htm)加载它们?
1回复

访问各种页面jquery mobile的标签内容

我在我的应用程序中使用Jquery mobile。 早些时候,我使用单页并使用哈希标签浏览页面,但现在我打算将其分成多个页面。 那么哪种方法更好,即使用标签或为其制作单独的文件? 在将html文件分成多个后,我将如何使用data-role =“page”访问标签的内容? 早些时候我使
1回复

jQuery页面导航动态js加载问题

我正在使用页面导航,为此,我正在使用.live pageshow事件,例如 正如我所期望的,它给出了正确的结果,但是如果我想在该模板上添加任何javascript文件,我可以这样做吗,这样我就可以对垂直模板使用其他功能。 我只想在该模板上加载带有js的动态模板,而不是索引页面上的所
1回复

jQuery Mobile如何正确地将共享的标题和面板HTML加载到位于不同目录的页面

我正在使用jQuery Mobile构建多页应用程序,并使用loadPage()获取不同的页面。 高层结构如下。 landing.html /app-pages/page1.html /app-pages/page2.html /app-pages/pag
1回复

首次打开时,Jquery Mobile AJAX弹出窗口显示在页面底部

我正在使用jqm 1.4.2,并且我的应用程序中有许多弹出窗口,这些弹出窗口是通过ajax调用加载的。 我遇到的问题是,我第一次单击弹出窗口时,它会出现在屏幕底部-但仅当通过ajax打开弹出窗口时才出现。 如果我关闭它并重新打开它,它会按预期显示在屏幕中间。 任何想法为什么会发生这种情况?
1回复

jQuery的移动清除点击DOM

我正在创建一个小型的jQuery移动Web应用程序,但遇到了使用data-dom-cache='true' 。 我已经设置好了,因为用户将进行搜索,并且data-mode='columntoggle'表中装有用于响应式设计的“选择列”按钮,用于保存搜索结果,然后链接到新页面。 当用户转到新页
2回复

jQuery mobile multipage在切换页面之前等待ajax返回数据

我正在以多页形式使用jQuery mobile。 当用户单击标有“ 下一页”的按钮时,我要运行AJAX请求。 根据AJAX请求的结果,我希望阻止用户访问下一页。 我相信我遇到的问题是,与下一页事件相比,我的AJAX请求所需的回复时间更长。 因此,它允许用户输入下一页而不会使AJAX请
1回复

在jQuery Mobile中传递函数更改页面

我试图在jquerymobile的更改页面上传递一个函数,但是我得到一个指向$ .ajax的错误
1回复

按下JQuery面板后,Google地图消失

我在JQuery Mobile上使用Google Maps,但是当我单击菜单(面板)使其滑动打开时,我遇到了地图消失的问题。 这是我的JS函数: 我尝试添加 但是以某种方式它不起作用。 感谢任何人都可以帮助我。 谢谢! 编辑: 现在它显示了地图,但