0

提前致谢。

所以我的总体目标是获得一个模式对话框，其中包含一个弹出的表单。当我单击我的链接以调出它似乎没有使用 javascript 的模式时，我遇到了一个问题……它只是将页面呈现为好像禁用了 javascript。下面的代码:)

应用程序.js

jQuery(function(){
$("#create_reminder_dialog").click(function() {
    $('#new_reminder_dialog').dialog('open');
});

// Initialzes Create Reminder Modal Box
$("#new_reminder_dialog").dialog({
    autoOpen: false,
    height: 350,
    width: 350,
    modal: true,
    buttons: {
        'Create New Reminder': function() {
            $('#new_reminder').submit();
        },
        Cancel: function() {
            $(this).dialog('close');
        }
    },
    close: function() {
            allFields.val('').removeClass('ui-state-error');
    }
});

});

我在 Rails 中的链接

<%= link_to "Create reminder", new_reminder_path, :id=>'create_reminder_dialog' %>

提醒/new.html.erb

<% form_for :reminder, :url => {:action => "create"}, :html=>{:id=>"new_reminder_dialog"} do |form| %>
<%= form.text_field :description, :class=>"short" %>
<%= form.label :description %>
<%= form.text_field :days, :class=>"short" %>
<%= form.label "Days between interactions" %>
<%= submit_tag "Submit" %><%end>

在萤火虫中，我没有看到我期望的 GET 请求。

任何人的故障排除提示？

4

1 回答 1

2

我想你只需要返回false你的点击函数来防止链接的 href 触发：

$("#create_reminder_dialog").click(function() {
    $('#new_reminder_dialog').dialog('open');
    return false;
});
于 2010-07-22T03:00:19.530 回答