2012-01-04 50 views
3

我想在我的Rails 3.0.3應用程序中使用Reveal Modal jQuery插件。如何傳遞一個對象來顯示模式彈出窗口?

我想要做的是從父對象的索引頁創建一個子對象。現在,我有過父母的ID給孩子控制器的新方法,然後打開孩子的new.html.erb,像這樣的鏈接:

<%= link_to 'Add an entry', new_entry_path(:course_id => course.id) %> 

我想要做的就是打開包含表單模態用於創建新的子對象。

的顯示插件需要「數據靈獸-ID」出現在link標籤,例如:

`<a href="#" data-reveal-id="myModal">Click Me For A Modal</a>` 

如何/可以這樣做的link_to這樣使用Rails輔助函數?

謝謝!

吉姆

回答

6

下面將報錯了:

<%= f.submit :reveal-id => "myModal" %> 

<%= link_to 'Add an entry', new_entry_path(:course_id => course.id),:reveal-id => "myModal" %> 

嘗試以下操作來代替:

<%= f.submit "data-reveal-id" => "myModal" %> 

<%= link_to 'Add an entry', new_entry_path(:course_id => course.id),"data-reveal-id" => "myModal" %> 

這將工作。

0

我用最近透露,這是它如何工作對我來說: -

=link_to "Sign Up", signup_path, :class=> "buttonForModal" 

.Modal.reveal-modal 
    Things you want in your modal window goes here 

我用JavaScript來加載模態窗口

$(document).ready(function() { 
    $('.buttonForModal').click(function(e) { 
    e.preventDefault(); 
    $('.Modal').reveal(); 
    }); 
}); 

這是更好使用js而不是「data-reveal-id」

希望它有幫助!

+0

我不明白.Modal.reveal-modal - 它看起來像CSS? – jacoulter 2012-01-05 11:15:35

+0

@jacoulter他們正在使用HAML。 http://haml.info/ – 2014-02-08 22:01:28