0

いくつかのテンプレートがあるアプリケーションがあります。関数を使用して、これらのテンプレートを 1 つの単一ページ アプリケーションに呼び出しています。

$('#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>

そのような呼び出し関数とテンプレートがいくつかあります。ただし、呼び出されるのは 1 回だけです。

4

1 に答える 1

0

$('#right2').html(Meteor.ui.chunk(Template.Message_Inbox)); を使用できます。

それはあなたの問題を解決します。

于 2012-07-16T12:20:17.810 に答える