在rails中打開jquery彈出窗體來顯示註釋並創建註釋

Question

我有通過has_many關聯附加到我的項目的標準註釋控制器。

我有一組顯示最新評論的行。

當用戶點擊所顯示的註釋（比如說他們點擊標題），然後我想

1），彈出打開顯示 一）評論提交表單 B）下方的評論表格，與項目相關的所有評論列表。

我很難讓彈出窗口工作，然後用上面的1和2填充彈出窗口。

當我提交興田形式，我希望它刷新與相同的設置彈出（新評論的形式和低於現有註釋列表。

我想我可以用jQuery和軌道，但不知道這樣做。怎麼我使用jQuery護欄

感謝您的幫助

Answer 1

正如你可能需要在看看JQuery dialog demo開始！ - 把一種形式的對話框內，並與阿賈克斯（提交遠程=>如果成功的話，關閉對話框Evan的答案會給你一個更漂亮和最終更好的解決方案（許多其他的lightbo x-like gems），但使用jQuery對話框可能是最簡單的啓動方式

Answer 2

這聽起來像你要在Rails中使用一點AJAX。 Rails的不引人注意的JavaScript和AJAX功能允許您在不重新加載頁面的情況下將遠程視圖加載到彈出窗口中，我認爲您可能想要在此處執行的操作是將包含註釋編輯/顯示組合佈局的遠程視圖加載到彈出窗口中。然後讓AJAX在關閉對話框後更新主頁面。

我會從using unobtrusive JavaScript with AJAX with Rails 3這個簡短的教程開始，然後檢查出Facebox，我從this post that asks a question related to yours瞭解到。

祝你好運！

Answer 3

我用Facebox去了，兩個答案都很好，所以謝謝。 但是，我有以下問題：任何想法？

與Facebox，我收到原始文本時，我用它('#facebox .content')選擇器。它適用於('#facebox')或('#facebox .popup')。你們遇到過這個嗎？通過原始輸出，我的意思是：

$('#facebox .content').html(" 
\n Hello from box div\n<\/div> "); 

這就是盒子裏顯示的內容。並僅限於.content選擇器！

在application.js中我有：

$('a[rel*=facebox]').facebox(function($) { 
    $.getScript(this.href); 
}); 

在我的控制器

：

respond_to do |format| 
    format.html # show.html.erb 
    format.xml { render :xml => @project } 
    format.js {render :layout => false} 
    end   

在我show.js.erb：

$('#facebox .content').html("<%= escape_javascript(render("spaces"))%>");