javascript - 如何将 jquery 模板文件保存为每个文件中有多个模板的外部模板文件？

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 对象并加载该对象。