把手:组织和访问远程模板

时间:2014-02-10 23:12:06

标签: javascript jquery templates handlebars.js

我想在不同的HTML文件中组织我的HB模板。所以,我helpers.html包含<script id='alert' type='text/template>...</script><script id='notification' type='text/template'></script>,那么如何访问此文件中的特定模板? 使用Jquery,我们会做这样的事情$('#alert'),但这是一个远程模板......它甚至可能吗?

1 个答案:

答案 0 :(得分:0)

想法:尝试使用它们,如果找不到你要找的东西,请加载它。

这是一个简单的例子,但您可以通过更复杂的解决方案变得更聪明:

function useAlert(){
  var el = $('#alert');
  // in case el is available carry on
  if(el){
    // do whatever you want
  } else {
    // here we're loading the templates inside an element with id #templates'
    // in the callback we're using the recursion to call again this method
    $('#templates').load('/path/to/helpers.htm', function(error){
      // debug... remove the console log in production
      if(error){
        return console.log('Error', error);
      }
      // try again now
      useAlert();
    });
  }