根据事件区分对话框

Question

这是我在这里问的第一个问题，我也是编程新手。我正在使用Jquery构建一个GUI。我有一个表单提交页面，我不知道如何为不同的按钮分配不同的功能。例如：我有一个"提交"按钮和一个"主页"按钮。当按下时，我想要一个单独的对话框，当刷新或离开页面时，我需要另一个独立的对话框。Jquery可以做到这一点吗？我希望我让自己可以理解！非常感谢。

Nicole

Answer 1

是。你可以这样做。您需要绑定鼠标单击和按键事件等事件，并且在处理程序上显示不同的消息框。您可以使用相同的消息框，只需在显示消息框之前更改div容器的内容即可。如果您需要一些示例代码，请进行注释。

更新：

例如，在html中，您将在单击按钮时添加onclick，如以下

<input id="btnSave" type="submit" value="Save" 
    onsubmit="javaScript:btnSaveClick();" onclick="javaScript:btnSaveClick();" />

在javascript中，您将拥有

function btnSaveClick() {
   $("#divDialog").dialog("open");
}

假设你有

<div id="divDialog" title="Save clicked">
    Your message goes here.
</div>

以类似的方式，你也可以为其他按钮做。只需确保您分配的所有Id都是唯一的。

访问jQuery网站并阅读文档，这将帮助您快速学习。