Question

我有一个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()会阻止它提交表单。

Answer 1

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

<input type="button" class="cancel" value="" />

单击对话框中动态元素的事件

1 个答案: