为什么我的代码无法呈现jQuery模板?

时间:2011-04-12 11:00:47

标签: jquery templates

我在我的项目中使用jQuery tempalte,现在我发现一个不起作用的东西我不知道我的代码中出了什么问题。

任何人都可以告诉我哪里出错了。

 <script id="ajaxresult" type="text/html">
  <li>
                        <h3>
                            <a href="{{= url}}">{{= title}}</a></h3>
                        <p>{{= content}}</p>
                        <div class="url">{{= url}}</div>
                    </li>
    </script>

   var title = $("#txtsrch").val();
    var resp = GetAjaxResponse("/home/blah", { topic: title, pagenum: fpage + 1 });
    $("#ajaxresult").render(JSON.parse(resp)).appendTo("#result ul");
    fpage = fpage + 1;

当我尝试这段代码时,我发现我收到错误渲染不是函数

任何人都可以告诉我我的代码有什么错误或我可以用来做这件事的其他好方法

1 个答案:

答案 0 :(得分:2)

首先,您似乎已将HTML代码直接粘贴到<script>代码中,并将您的JavaScript放在<script>代码之外。

<script>标记只能包含JavaScript。我猜你的HTML代码看起来应该更像这样:

<ul id="ajaxresult">
    <li>
        <h3><a href="{{= url}}">{{= title}}</a></h3>
        <p>{{= content}}</p>
        <div class="url">{{= url}}</div>
    </li>
</ul>

我不知道你的JavaScript中发生了什么。正如Calum在他的评论中所说,你试图使用哪一部分jQuery?