jQueryUI对话框在单击按钮时关闭

我试图创建一个对话框，里面有一些额外的互动性；即从多选菜单中添加/删除选项。基本代码如下：

jQuery

HTML

问题是，当我单击“添加”按钮时，会显示警报，但只要单击“确定”，对话框就会关闭。我尝试使用“beforeClose”方法来指定对话框应该关闭的时间，但没有帮助

有人能帮忙吗。

---

提前感谢。

经过研究，我发现点击对话框中的任何按钮都会提交该表单。通过将event.preventDefault添加为所需方法中的第一行，该按钮无需提交和关闭即可完成所需操作

相关职位：

感谢您尝试-G

按钮标签：

<asp:Button ID="btnClose" runat="server" Text="Cancel" Style="margin-left: 12px;
    background-color: #FE8000; color: white" 
OnClientClick="closeCommentPopup()" />

关闭弹出功能：

<script type="text/javascript">
    function closeCommentPopup() {
        $('#dialog').dialog('close');
        return false;
    };
</script>

---

正在调用哪个警报？&正在打开对话框内的弹出窗口？警报只是一般代码，可以很容易地用console.log替换。单击“添加”时，我会将选定选项从一个多选移动到另一个多选。这是可行的，但一旦移动完成，对话框就会关闭您正在调用$this.dialogclose；这将关闭您的模型对话框。@Parkask Kumar-是的，我知道，但只有在我单击“添加调用”或“取消”对话框按钮时才会执行此操作。“添加”按钮是我手动添加到对话框表单中的标准html按钮。无论如何，我已经尝试删除它们，但问题仍然存在。

<asp:Button ID="btnClose" runat="server" Text="Cancel" Style="margin-left: 12px;
    background-color: #FE8000; color: white" 
OnClientClick="closeCommentPopup()" />

<script type="text/javascript">
    function closeCommentPopup() {
        $('#dialog').dialog('close');
        return false;
    };
</script>