유성 응용 프로그램 통합

Question

여러 개의 템플리트가있는 응용 프로그램이 있습니다. 나는 기능을 사용하여 "'#right2'"은 DIV의 ID가 대체 할

$('#right2').replaceWith(Meteor.ui.chunk(Template.profile)); 

를 하나의 단일 페이지 응용 프로그램에 이러한 템플릿을 호출하고있다. & "Template.Profile"이 대체 템플릿입니다. 어떻게됩니까

내가 다시 한번 그 템플릿을 호출 할 때

내가 하이퍼 링크의 클릭에 모든 템플릿을 호출

, 그들은 ... 한 번만 호출되는 것으로, 그것은 작동하지 않습니다.

<li><a href="#" onclick = "renderMessage_Inbox();" ></a></li>

function renderMessage_Inbox(){  
alert("in messages"); 
$('#right2').replaceWith(Meteor.ui.chunk(Template.Message_Inbox)); 

}

템플릿 :

<template name = "Message_Inbox"> 
<div id="right2"> 

<div class="floatLeft"> 
<a href="Messages_Inbox.html"> <img src="/messagesText.png" alt="messages" class="floatLeft" /></a><span class="new floatLeft">1 NEW </span> 
</div> 

    <div align="center" class="floatRight" style="margin-bottom:20px"> 

<a href="#" class="button" onclick="ShowModalPopup('popupMessage'); return false;"> 
    <span>+ New Message</span> 
</a> 
</div> 

    <div class="clear"></div> 

    <div class="count" style="margin-bottom:10px"> 4 Messages</div> 

    <!--start 1 messageBox--> 
    <a href="#" onclick = "renderInbox_Details();" class="messageBox"> 
    <div class="left"> 

    <img src="/photo.jpg" style="margin-right:10px" class="floatLeft" /> 
    <p class="">Bill Brady</p> 

    <p class="messageTitle" style="clear:none;">Title of the message</p> 
    </div> 

    <div class="floatRight"> 
    <p class="" align="right">X</p> 

    <p class="messageTitle">March 12, 2012</p> 

    </div> 

    </a> 
</div> 

</template> 

내가 몇 등의 호출 기능 & 템플릿을 가지고있다. 그러나 그들은 한 번만 부름받습니다.

Answer 1

$ ('# right2') .html (Meteor.ui.chunk (Template.Message_Inbox));

문제가 해결됩니다.