2012-01-04 14 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) %> 

私は何をしたいの開いているフォームを含むモーダル新しい子オブジェクトを作成します。

例えば、リンクタグ内に存在する:

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

/私はのlink_toのように、この使用してRailsのヘルパー関数を行うことができますどのようにプラグインが「データ明らかにする-ID」が必要明らかに?

ありがとうございます!

私が使用しているジム・

答えて

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 

私はそれが優れているモーダルウィンドウ

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

をロードするためにJavaScriptを使用していました"data-reveal-id"の代わりにjsを使用する

希望すると助かります!

+0

私は理解していません。Modal.reveal-modal - CSSのようですか? – jacoulter

+0

@jacoulter彼らはHAMLを使用しています。 http://haml.info/ –

関連する問題