Rails jQuery link_to 点击功能问题

Question

提前致谢。

所以我的总体目标是弹出一个带有表单的模式对话框。当我单击链接调出模式时，我遇到了一个问题，它似乎没有使用 javascript ...它只是呈现页面，就好像 javascript 被禁用一样。代码如下:)

application.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' %>

Remembers/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>

中的链接在 firebug 中我没有看到像我期望的那样的 GET 请求。

有人提供故障排除提示吗？

Answer 1

我认为您只需要在点击函数中返回 false 即可防止触发链接的 href：

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