Question

我有一个应用程序，其中有几个模板。我使用函数

将这些模板调用到一个单页面应用程序中

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

其中"'#right2'"是要替换的div的id。＆安培; "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>

我有几个这样的呼叫功能＆amp;模板。但他们只被召唤一次。

Answer 1

你可以使用$（'＃right2'）。html（Meteor.ui.chunk（Template.Message_Inbox））;

它将解决您的问题。

流星应用程序的集成

1 个答案: