jquery - 使 JQuery 模板可重用

Question

我想创建一个将在项目范围内使用的 jQuery 模板。我更愿意将模板放在一个或多个单独的文件中，并在项目启动时使用 template 编译它们。功能。

我不想在标记、脚本标签中使用模板。这可能吗？我该怎么做？

Answer 1

正如 RoccoC5 建议的那样，您可以定义一个小插件，它将获取您的远程模板，然后将其内容附加到头部的脚本标记中:

(function ($) {
    $.loadTmpl = function (url, name) {
        return $.get(url).success(function (content){
            $("head").append($('<script/>', {
                id: name,
                type: 'text/template'
            }).html(content));
        });
    };
}(jQuery));

并将其用于:

$.loadTmpl('hi.html', 'hi').done(function () {
    $('#hi').tmpl({name: 'Tom'}).appendTo('body');
});

或者:

$.when(
    $.loadTmpl('foo.html', 'foo'),
    $.loadTmpl('bar.html', 'bar'),
    ...
).done(function () {
    // All your templates are now loaded
});

希望这有帮助。