可以在使用jQuery模板的JS代碼中使用HTML字符串

在我們的應用程序中，我們使用JavaScript將傳入的JSON數據抽取爲可呈現的HTML。我已經爲此使用了JQuery模板。我已經開始注意到，我一直在JS代碼中使用越來越多的html字符串。例如：可以在使用jQuery模板的JS代碼中使用HTML字符串

render = function(data, parent){ 

    var header, analyticsHtml, analyticsTmpl; 
    header= parent.find(".header"); 
    header.append('<H3>'+ i18n['header']+'</H3>'); 
    analyticsHtml = '<div><div class="floatLeft" id="analytics"><div class="gt"><span>01</span><br />i18n['Text1']</div></div></div>'; 
    parent.append(analyticsHtml); 
    analyticsTmpl = "....blah..."; 

    $('#analytics').append($.tmpl(analyticsTmpl, data)); 
    . 
    . 
    . 

}

可以在JS代碼中使用html字符串嗎？

來源

2011-12-05 ChrisOdney

是的，沒關係，但是您必須避免使用「\」所用的引號字符。

analyticsHtml = '<div><div class="floatLeft" id="analytics"><div class="gt"><span>01</span><br />' + i18n['Text1'] + '</div></div></div>';

在你的代碼中，你忘記了「i18n」數組引用的「+」運算符。

來源

2011-12-05 17:06:13 Pointy

我會說這樣做很好。我所做的是嘗試在類/ codefile/closure的頂部定義非局部變量中的模板，如果它們很長，則將它們分成多行以使其更具可讀性，

來源

2011-12-05 17:07:06

訪問非本地變量比實例/全局變量需要更多的時間。記住這一點，即使模板很長並且僅在該功能中使用，您爲什麼還想這樣做。 – ChrisOdney

我以前沒有聽說過 - 你有鏈接或基準嗎？會很有趣的知道。 –

可以在使用jQuery模板的JS代碼中使用HTML字符串

回答

相關問題