2012-03-07 38 views
2

我使用AJAX做了很多重新呈現模板(添加元素,刪除元素)。有一種更簡單的方法來做到這一點,我可以提前定義某些元素,並通過一個Javascript關聯數組,它會爲我返回HTML?我聽說過把手的建議,但我聽說它與Django的模板系統衝突。Django模板和添加元素到模板

這樣的一個例子是:

<div id="overlay"></div> 

<div id="add-action-box" class="lightbox"> 
    <a class="close" href="#">X</a> 
    <h2>Add Goal</h2> 
    <form class="lightbox-form" id="add-action-form"> 
    <div class="lightbox-form-element"> 
     <label>Goal</label> 
     <input type="text" /> 
    </div> 

    <div class="lightbox-form-element"> 
     <label>Deadline</label> 
     <input type="text" /> 
    </div> 

    <div class="lightbox-form-element"> 
     <input type="submit" value="Add Goal" /> 
    </div> 
    </form> 
</div> 

我希望能夠在別處定義上述HTML和允許Jquery的上述追加到另一個元件。我不想輸入以上內容並刪除所有換行符,添加\,在所有內容中加引號等,這使得閱讀變得更加困難。

這是令人沮喪的編輯HTML時,它是在同一行這樣的:

$("body").append('<div id="add-action-box" class="lightbox"><a class="close" href="#">X</a><h2>Add Goal</h2>') 

回答

1

你有沒有考慮使用類似的東西jQuery Templates。他們不再被維護,並且該項目已被jQuery UI拾起。更多細節可以在here找到。我通常會發現他們在像你這樣的情況下很有幫助。