在对话框中提交按钮问题（MVC4）[关闭]

Question

无论如何，提交按钮在我的对话框中不起作用。完全没有。

不仅有我自己的代码，还有一个简单的示例：

<div id="dialog">
    Your non-modal dialog
    <input style="font-size: 0.9em; color: #ff6a00; width: 100px" type="submit" name="filter2" value="Filter" />
</div>

<script type="text/javascript">
    $('#open').click(function () {
        $('#dialog').dialog('open');
    });

    $(document).ready(function () {
        $("#dialog").dialog({
            autoOpen: false,
            modal: true,
            open: function () {
                jQuery('.ui-widget-overlay').bind('click', function () {
                    jQuery('#dialog').dialog('close');
                })
            }
        });
    });
</script>

完全没有反应。 HomeController 中没有调用任何内容。甚至 fiddler 也根本不会对这个提交按钮做出反应。

我无法得到它，我错过了什么？首先我认为这是jQuert对剑道主题的奇怪反应，但这似乎不对。

编辑： 实际上我已经问过类似的事情，但是我使用了 div： All bunch of issues

Answer 1

提交按钮有时会在对话框中产生问题，您可以尝试使用 Jquery 触发提交按钮：

$('input[type=submit]').trigger('click');

只需在对话框中添加一个表单标签，如下所示。

或

<div id="dialog">
<form action="// where you want to post form //" method="post">
....
....
<input style="font-size: 0.9em; color: #ff6a00; width: 100px" type="submit" name="filter2" value="Filter" />
</form>
</div>

<script type="text/javascript">
$('#open').click(function () {
    $('#dialog').dialog('open');
});

$(document).ready(function () {
    $("#dialog").dialog({
        autoOpen: false,
        modal: true,
        open: function () {
            jQuery('.ui-widget-overlay').bind('click', function () {
                jQuery('#dialog').dialog('close');
            })
        }
    });
});
</script>