2

我有一个 jQuery 对话框，它在打开时会加载一个小表单。此表单中有一个按钮<input type="submit" class="cancel" value="" />。单击此按钮时，我希望关闭 jQuery 对话框。

这是我所拥有的：

$('#dialog').dialog({
    autoOpen: false,
    modal: true,
    open: function (event, ui) {
        $(this).load("@Url.Action("Create")");
    }
});


$('input.cancel').on('click', function (e) {
    e.preventDefault();

    alert("hello");
    //$("#dialog").dialog('close');
});

但是单击我的取消按钮，它只会重新加载整个页面。即使我将其更改为警报，它仍然只是重新加载整个页面。

我在这里做错了吗？我认为on会附加到一个动态元素，并e.preventDefault()会阻止它提交表单。

4

1 回答 1

3

将类型从 更改type="submit"为type="button"

<input type="button" class="cancel" value="" />
于 2013-10-31T19:13:05.280 回答