javascript - 从 jquery 模板问题开始

Question

我有:jquery1.6.min、jquery-tmpl.js(最新测试版)和knockout-1.2.0.js。我使用一个非常简单的例子，但我无法让 jquery 模板渲染，我不明白为什么，简单地说，我可以通过使用 firebug 扫描 dom 来看到 dom 中的元素 - 我有一些 tmp=annonymous(jquery,$item ) 出现，但数据未在 dom 内呈现。

模板:

<script id="bookTemplate" type="text/x-jquery-tmpl">
    <h2>${title}</h2>
    price: ${formatPrice(price)}
</script>

js代码:

<script type="text/javascript">
        $(document).ready(function() {
        // Create an array of books
        var books = [
            { title: "ASP.NET 4 Unleashed", price: 37.79 },
            { title: "ASP.NET MVC Unleashed", price: 44.99 },
            { title: "ASP.NET Kick Start", price: 4.00 },
            { title: "ASP.NET MVC Unleashed iPhone", price: 44.99}];

        function formatPrice(price) {
            return "$" + price.toFixed(2);
        }

        // Render the books using the template
        $('#bookTemplate').tmpl(books).appendTo('#bookContainer');
        });
    </script>

Answer 1

window.formatPrice = function formatPrice(price) {
    return "$" + price.toFixed(2);
}

Live Example

您在模板中调用formatPrice，但在闭包中定义函数。为了能够做到这一点，formatPrice 必须处于全局范围内。执行此操作的一个简单方法是将函数分配给 windiw.formatPrice