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中没有调用任何内容。即使是小提琴手也根本没有对这个提交按钮做出反应。

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

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

Answer 1

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

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

，只需在对话框中放置一个表单标记，如下所示。

OR

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

在对话框中提交按钮问题（MVC4）

1 个答案: