如何在yui3中延迟加载html模板?

时间:2012-03-02 04:06:38

标签: javascript yui lazy-loading yui3

如何在yui3中延迟加载html模板?看一下这些例子,加载模板的首选方法似乎是将它们嵌入到html的脚本元素中,如下例所示:

http://yuilibrary.com/yui/docs/app/app-todo.html

我尝试将我的模板放在自己的html文件中,然后使用Get类延迟加载它,但这确实将内容加载为脚本,这显然不起作用。

那么,IO Utility是否可行?这似乎是一种复杂的方式来做一些简单的事情,比如加载一大块html。如果这是最好的方法,那么任何人都可以提供一个简单的例子吗?

2 个答案:

答案 0 :(得分:0)

尝试node.load(urlToFetchTemplate);服务器返回< script>的位置标签内有id和模板标记。

答案 1 :(得分:0)

我试图为此探索YUI.io。但就目前而言,我想出了一个解决方案(丑陋的解决方案)是用javascript方法包装整个模板内容。当文件被YUI3加载器下载为javacript时,该文件在浏览器中执行。

Template File :  mypopup.js 

writeTemplate(' <-- my whole template content goes here with js escaped-->');

== and here is the function to write the template to hidden placeholder on the page ===

window.writeTemplate = function(txt) {
    document.getElementById('templateHolder').innerHTML = txt;
}

如果您找到更简洁的方法,请更新此帖子。