Question

在我的示例项目中，我使用JQuery模板进行UI模板化，并引用了这个小提琴和博客的参考资料

但它不起作用，在我的示例项目中它给出了错误

未捕获类型错误“tmpl不是函数”

为了您的参考，我在下面创建了一个新的小提琴。请根据这个小提示建议给出错误。

var steve = { 'Name': 'Steve Robinson', 'Age': 22, 'Country': 'India' };

$(document).ready(function () {
   $('#person-template').tmpl(steve).appendTo('.personal-detais');
});

谢谢

Answer 1

使用以下代码添加模板。

$.tmpl($('#person-template'), steve).appendTo('.personal-detais');

Answer 2

请查看下面的工作代码段，确保添加了jquery.min.js，然后添加了jquery.tmpl.min.js

var steve = { 'Name': 'Steve Robinson', 'Age': 22, 'Country': 'India' };

$(document).ready(function () {
debugger;
   $('#person-template').tmpl(steve).appendTo('.personal-detais');
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src='http://ajax.microsoft.com/ajax/jquery.templates/beta1/jquery.tmpl.min.js'></script>
<script type='text/x-jquery-tmpl' id='person-template'>
  <div class='person'>
    <strong>Name: </strong> ${ Name } <br/>
    <strong>Age: </strong> ${ Age } <br/>
    <strong>Country: </strong> ${ Country } <br/>
  </div>
</script>

<div class="personal-detais">

</div>

JQuery模板绑定不起作用

2 个答案: