jquery - 像 Cakephp 中的对话框一样的工具提示 - 类似于 stackoverflow 框

Question

我正在开发一个基于 cakephp 框架的项目。在我的索引页面上，如果您添加或编辑一个项目，目前 cakephp Session->setFlash 代码将文本放在页面标题的正上方。它会说“itemName 已成功更改”或“itemName 已成功添加”。 (itemName 是他们添加/编辑到数据库表中的对象的名称)。

目前，在添加或编辑项目时，会弹出一个对话框，其中包含用于输入信息的字段。所有这些都有效，我只想添加更多功能。我想要做的是，当输入有效数据并单击提交时，而不是让“成功...”文本出现在页面中(由于 $this->Session->setflash())，我想要一个小弹出框，类似于对话框，里面有一条消息，几秒钟后会自动消失，也可以手动关闭。

我想要一些类似于 stackoverflow 使用的对话框的功能，例如，当您单击投票箭头时，会出现一个消息框，提示您没有足够的声誉来投票。

如有任何帮助，我们将不胜感激。谢谢

PS - 我不知道如何称呼这些框，它们是对话框和工具提示的混合体。

Answer 1

对于类似的事情，您需要使用触发的 jQuery 但 ajax 调用，无论成功与否。

1. 为表单提交设置 AJAX
2. 使用 jQuery 处理带有 POPUP 的 AJAX 响应。

就 jQuery 而言，有几种选择:

1. http://www.jquerypopup.com/demo.php
2. http://www.shanestrong.com/jquery/popup/popup.htm
3. http://dinbror.dk/bpopup/

如果您在 google 上搜索 jQuery Popup，您会发现很多选项。

就编码本身的帮助而言，如果您在此处发布您的代码，这里的任何人都应该能够帮助您。