如何使用jquery模板實時運行jquery對象？

Question

當我傳遞下面的jquery anchor對象時，我的jquery模板顯示[object Object]。

moreinfoAnchor = $("<a></a>"); 
    moreinfoAnchor.attr('id', 'moreLink-' + this.id); 
    moreinfoAnchor.text("test"); 

jQuery的模板代碼：

$("#test").tmpl({ 
    link: moreinfoAnchor 
}); 

如何顯示jQuery的模板實際錨？

Answer 1

下面介紹一種方法。

使用jQuery建立你的錨標記：

var moreinfoAnchor = $("<a></a>") 
    .attr({ 
    'href' : 'http://www.example.com', 
    'id' : 'moreLink' 
    }) 
    .text("test"); 

把你的jQuery錨標記成一個純字符串：

var plainString = $('<div>') 
    .append(moreinfoAnchor.clone()).remove().html(); 

然後應用模板：

$("#test").tmpl({ 
    link: plainString 
}).appendTo('#thediv'); 

你還必須確保您的模板使用html模板標籤設置，像這樣：

<script id="test" type="text/x-jquery-tmpl"> 
    <div>{{html link}}</div> 
</script>