如何使用JQuery UI对话框重定向表单操作？

Question

我使用了一个Rails url helper (用于机器人保护，等等)表单中的嵌套重定向，如下所示：

<form method="post" action="/projects/1/personal/4/edit_income?criterion=4" class="button-to"><div><input name="_method" type="hidden" value="put" /><input class="requires_confirmation" type="submit" value="edit space parameters" /><input name="authenticity_token" type="hidden" value="4Q/E359jxXUcu7TSVm+cqdjj94RAdQpV+DIv7OUQ+Gg=" /></div></form>

(上面的方法不一定是POST...)

我想用jQuery UI对话框来处理这个.button-to元素上的点击，如下所示：

    $('.button-to').click(function(e){
        $( "#dialog-confirm" ).dialog({
            resizable: false,
            height:250,
            buttons: {
                "Save": function() {
                     // SAVE CERTAIN DATA ELEMENTS HERE...
                    $( this ).dialog( "close" );
                    // FOLLOW FORM REDIRECT...
                     },
                "Don't save": function() {
                    $( this ).dialog( "close" );
                   // FOLLOW FORM REDIRECT...
                    },
                Cancel: function() {
                    $( this ).dialog( "close" ); 
                    // BUT CANCEL REDIRECT IN THIS CASE!
                    }
            }
        });
    })

似乎这样的事情总是会出现，但我找不到任何帮助我走向我所追求的结果的东西。有什么建议吗？

谢谢,

里尔

Answer 1

在发布了一个类似的问题后遇到了这个问题。基本上，我发现使用.data集合效果最好。在实例化之前在$('#dialog').data中设置一些变量，然后可以根据需要使用表单修改它们。

然后，您可以使用对话框的公共方法(或您自己的方法)来检查这些值并执行相应的操作。

有关更多信息，请参阅my question和my response to in，了解类似的问题。