使用jQuery在Rails中的模态对话框表单

时间:2011-03-18 15:48:42

标签: jquery ruby-on-rails

我有一个带有form_tag的rails表单用于订阅。如果用户第一次访问我的网站,我想从我的主页重定向到此页面,作为模态对话框表单。这是我的rails表单代码片段:

<% title "New Profile" %>

<div id="whatwe-do">
<div class="close-button">
    Close
</div>
<%= form_tag '/subscriptions', :id => 'new_subscription' do%>
    <div id="subscription_dialog">
        <div style="margin: 0pt; padding: 0pt; display: inline;">
            <input type="hidden" value="✓" name="utf8">
            <input type="hidden" value="jChrjugvuBT9cq9D5J1eWKq2GehRpuGCN6OkLEVXunw=" name="authenticity_token">
        </div>

        <div class="category-wrapper">
            <div class="category">
                <% for category in @categories %>
                    <strong><%= category.name %></strong>
                    <% for sub_category in category.sub_categories%>
                        <div class="items">
                            <%= check_box_tag "profile[user_interest_ids][]", sub_category.id,
                            @profile.get_user_interests.include?(sub_category.id) %> 
                            <%= sub_category.name %>
                        </div>
                    <% end %>
                <% end %>
            </div>
        </div>
</div>

<div id="email-wrapper"> 
    <%= text_field_tag :email %>
    <%= submit_tag "Send me Deals" %>
</div>
<% end %>

这是我的jQuery脚本:

$("#subscription_dialog").dialog({modal:true, width:'auto', height:'auto'});

我也试过了:

$("#new_subscription").dialog({modal:true, width:'auto', height:'auto'});

这些似乎都不起作用。任何人都可以建议我如何使用jQuery在Rails中进行模态对话框表单?感谢。

1 个答案:

答案 0 :(得分:3)

你确定装了dom吗?

$(function(){
    $("#subscription_dialog").dialog({modal:true, width:'auto', height:'auto'});
})