javascript - 如何使用 "more"或 "details"消耗部分创建警报对话框？

Question

我有兴趣向用户显示一个警报，并使用“确定”按钮来关闭警报，以及一个“更多/详细信息”按钮，单击该按钮会显示某些详细信息(文本、表格、数据等)。单独使用 PHP/HTML 可以完成吗？

Answer 1

您描述的情况是可能的，但不是可接受的或最快的方法。使用 PHP 需要返回服务器重新加载页面 - 如果您想要简单易用，这不是您想要做的事情。

推荐的解决方案是使用 Javascript 或 jQuery。我建议不要使用 jQuery UI，除非你要使用它的多个部分 - 它是一个很棒的库，但它的功能比你需要的多得多，除非你自己托管文件，否则你从主要 CDN 获得的下载是很大，需要一段时间才能加载。

但是，我知道并使用了一个名为 Alertify 的解决方案。它是一个专门处理警报、确认和提示对话框的JS插件，并且可以完全定制。如果您想查看的话，这是该网站:https://fabien-d.github.io/alertify.js/ 。它附带演示和示例代码，因此您可以根据自己的目的进行调整。