如何在yui3中延遲加載html模板？

如何在yui3中延遲加載html模板？綜觀例子，用於加載模板的首選方式似乎是將它們嵌入在腳本元素在HTML，就像這個例子：如何在yui3中延遲加載html模板？

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

我試圖把我的模板在自己的HTML文件，然後用Get類緩存加載它，但是這實際上將內容加載爲腳本，這顯然不起作用。

那麼，IO Utility是否應該走？這似乎是一個複雜的方式來做一些簡單的事情，比如加載一大塊html。如果這是最好的辦法，任何人都可以提供一個簡單的例子嗎？

來源

2012-03-02 JesterVineo

嘗試node.load（urlToFetchTemplate）;服務器在裏面返回帶有ID和模板標記的<腳本>標記。

來源

2012-03-02 20:54:14 Luke

我可以通過將模板加載到隱藏的div中來完成這項工作。但是，我希望找到一種方法將其直接加載到變量中。我有一些或多或少與Y.io合作，但我希望這是一個普遍的問題，並會有一個廣泛接受的標準方式來做到這一點。 – JesterVineo 2012-03-02 21:23:19

我正在嘗試爲此探索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; 
}

請更新此線程，如果你找到一個更乾淨的方式做到這一點。

來源

2012-06-20 06:41:05 CoderTR

如何在yui3中延遲加載html模板？

回答

相關問題