jquery渲染部分只是一次，第二次它不再渲染只顯示前一個

Question

我必須追加部分由jquery爲我的方案我不能渲染部分使用ajax，因爲它需要控制器的交互，我受到限制不使用控制器。

所以我這樣做

$('#button_add').click(function(){ 

    $('#content_form_div').append(" 
    <%= j render(:partial=> 'pages/content/call_text_phone', 
:locals => @locals.merge!(counter: cookies[:counter] + 1), 
:formats=>[:html]) %>"); 
    }); 

它第一次渲染部分，但第二次它實際上並沒有呈現部分。

任何想法做到這一點，而不使用ajax。

Answer 1

花費時間在我自己的解決方案上後，事情變得瘋狂了，因爲代碼搞亂了，代碼也更多了。

對於嵌套窗體，我將它作爲解決方案，因爲它也不需要控制器的交互。

http://railscasts.com/episodes/196-nested-model-form-part-1

http://railscasts.com/episodes/197-nested-model-form-part-2

還有一件事，我加getRandomInt在jQuery來創造獨特的ID，其時，只需要避免時間戳的重複對於沒有時間差瞬間創建的字段。

function add_fields(link, association, content) { 
// I changed below line by adding getRandomInt method to assure unique id. 
    var new_id = new Date().getTime() + getRandomInt(1, 5000); 
    var regexp = new RegExp("new_" + association, "g") 
    $(".all_fields").append(content.replace(regexp, new_id)); 
} 

function getRandomInt(min, max) { 
    return Math.floor(Math.random() * (max - min + 1)) + min; 
} 

Answer 2

要重新渲染屏幕上的任何內容，您需要將它重新加載（或重新創建它在JavaScript中）給我看來，您似乎嵌入靜態HTML和腳本做它的告訴。它呈現靜態HTML。