메시지에 제목 표시

Question

게시물 링크를 클릭 할 때마다 헤더 페이지에 게시물 제목이 표시됩니다. 보는 바와 같이 ... 나는 포스트 타이틀로 대체 '경건의 메시지'를하고 싶은 화면이

샷 참조

HTML 코드 :

<div id="devotionpost" data-role="page"> 
     <div data-role="header" data-position="fixed" data-theme="a"> 
      <h1>Devotional Message</h1> 
      <a href="#devotion" data-icon="back" data-iconpos="notext">Devotion</a> 
     </div><!-- header--> 
     <div data-role="content"> 
      <div id="mypost"> </div> 
     </div><!-- content --> 
    </div><!-- page --> 

JS 코드 :

function showPost(id) { 
    $.getJSON('http://howtodeployit.com/?json=get_post&post_id=' + id + '&callback=?', function(data) { 
     var output=''; 
     output += '<h3>' + data.post.title + '</h3>'; 
     output += data.post.content; 
     $('#mypost').html(output); 
    }); 

Answer 1

function showPost(id) { 
$("#devotionpost h1").html("");// to empty previous title 

    $.getJSON('http://howtodeployit.com/?json=get_post&post_id=' + id + '&callback=?', function(data) { 
     var output=''; 
     output += '<h3>' + data.post.title + '</h3>'; 
     output += data.post.content; 
     $('#mypost').html(output); 

$("#devotionpost h1").html(data.post.title);// by this 'Devotional Message' replaced by the Post Title.. 

    });