最近試著做一個h5音樂播放器，播放列表在html中是用handlebar進行渲染的，如圖index.html:js:var sListTpl = $("#sListTpl").html(); preTpl = Handlebars.compile(sListTpl); $(container).html(preTpl(data));但是由于音樂列表后面的數據是滾動才加載的，據我所知在html中創建的handlerbarjs在頁面初始化的時候就會將這些模板進行編譯了，我想問在js中能否創建一個handlebar的模板供我追加列表項目使用？目前js中動態加載部分還是用老式的拼接字符串的做法，個人覺得這樣就不統一了，而且代碼雜糅造成可讀性不高。            $.each(data, function(index, el) {                if (index >= songIndex && index < songIndex + Settings.reqNum) {                    tpl += "<li class='song btm-line' data-src='res/music/" + songNum + ".mp3' data-index='" + songNum + "'><div class='poster'><img src='./img/poster/" + songNum + "-thumbnail.jpg'></div><div class='songinfo'><h2 class='lsongname'>" + el.songName + "</h2><sub class='lsinger'>" + el.singer + "</sub></div><div class='loveflag'><i class='icon icon-love '></i></div></li>";                    songNum++;                }            });            $(container).append($(tpl));