如何避免重複的html代碼？

-1

我有10個鏈接，指向10 div與顯示：無，當我點擊一個鏈接，它應該使該div出現，每個div包含tabs.Writing選項卡代碼爲每個div是空間消耗和時間take.Is有什麼辦法可以減少代碼並完成任務？如何避免重複的html代碼？

<a href="#div1">click to see div 1</a> 

<a href="#div2">click to see div 2</a> 

<a href="#div3">click to see div 3</a> 

<div id="div1" style="display:none;"> 

jquery ui-tabs code 

</div> 

<div id="div2" style="display:none;"> 

jquery ui-tabs code 

</div> 

<div id="div3" style="display:none;"> 

jquery ui-tabs code 

</div>

來源

2014-02-05 lucifer

*有沒有什麼辦法可以減少代碼並完成任務*：是的，但是我們無法告訴你沒有更多細節。 –

你到目前爲止嘗試過什麼？（protip：在這裏複製你的代碼，並從jsfiddle.net這樣的站點提供一個可用的例子） –

你可以嘗試在你的IDE中爲重複代碼創建代碼片段。但它可能只是重複該特定的項目，所以也許你需要使用PHP來通過函數生成HTML來避免所有的手工編碼，它肯定不會出錯。 –

您可以使用像Jade，Hogan等工具通過允許部分爲了實現代碼模板。

來源

2014-02-05 15:32:48 vdenotaris

如何避免重複的html代碼？

回答

相關問題