未捕获的TypeError：$ .tmpl不是函数

Question

我正在使用JQuery模板功能在HTML页面中呈现模板。 我已经使用加载了库

<script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.4.4.js"></script> 
<script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jquery.templates/beta1/jquery.tmpl.js"></script>

现在，在Button命中时，我正在调用函数displayProducts（）并使用ajax调用后端Java Service来获取JSON格式的数据。 responseJson是我从后端获取的数据。

我的模板文件名为productList.html。 成功的话，我正在调用jquery的tmpl函数。 但是它显示以下错误。

未捕获的TypeError：$ .tmpl不是函数

请提出我的代码有什么问题。

function displayProducts() {
    $.ajax({
                url : 'DisplayProducts',
                data : {
                    searchKey : $('#searchText').val()
                },
                success : function(responseJson) {
                    console.log(JSON.stringify(responseJson));
                    $.get('template/productList.html', function(htmlTemplate) {
                        $.tmpl(htmlTemplate, responseJson).appendTo('#container2');
                    });                     
                }
            });
}

编辑：

当我使用

var blogPosts = [
             {
                 postTitle: "How to fix a sink plunger in 5 minutes",
                 postEntry: "Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas porttitor congue massa. Fusce posuere, magna sed pulvinar ultricies, purus lectus malesuada libero, sit amet commodo magna eros quis urna.",
                 categories: ["HowTo", "Sinks", "Plumbing"]
             },
             {
                 postTitle: "How to remove a broken lightbulb",
                 postEntry: "Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas porttitor congue massa. Fusce posuere, magna sed pulvinar ultricies, purus lectus malesuada libero, sit amet commodo magna eros quis urna.",
                 categories: ["HowTo", "Lightbulbs", "Electricity"]
             },
             {
                 postTitle: "New associate website",
                 postEntry: "Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas porttitor congue massa. Fusce posuere, magna sed pulvinar ultricies, purus lectus malesuada libero, sit amet commodo magna eros quis urna."
             }
         ];
         $.get('template/sample.html', function(template) {
             $.tmpl(template, blogPosts).appendTo('#container3');
         });

在<script>标记内。 一切正常。 但是，当我使用之前发布的方式时，它显示了错误。

Answer 1

只需检查必须添加'jquery.tmpl.min.js'参考，此处为链接文件。 https://github.com/BorisMoore/jquery-tmpl

Answer 2

我的代码中的版本号根本没有问题。 html模板中缺少内容。 这就是为什么我得到错误。 立即修复。

Answer 3

我在项目中修复了此错误，我只是将此链接添加到jQuery资源中：

<script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jquery.templates/beta1/jquery.tmpl.min.js"></script>