Question

我正在尝试保存一个充满模板的文件，这些模板可以在页面加载时加载到页面中。这真的有可能吗？让我告诉你我的意思：

通常，我们这样做：

<script id = "template1" type= "text/x-jquery-tmpl">BLAH</script>
<script id = "template2" type= "text/x-jquery-tmpl">BLAH</script>
<script id = "template3" type= "text/x-jquery-tmpl">BLAH</script>

相反我们如何做这样的事情

<script id = "all_templates" type= "text/x-jquery-tmpl">TEMPLATE1, TEMPLATE2, TEMPLATE3</script>

Answer 1

不，但你可以简单地使用AJAX请求加载包含单独<script>模板的页面，然后使用普通的jQuery DOM函数来访问它们：

var templates = {};
$.ajax({
    url: 'templates.html',
    dataType: 'html',
    success: function(data) {
        $('script', data).each(function() {
            templates[this.id] = $(this).text();
        });
    }
});

但是，更简洁的解决方案是将模板转换为服务器端的单个JSON对象并加载该模板。

如何将jquery模板文件保存为每个文件中包含多个模板的外部模板文件？

1 个答案: