如何添加jQuery弹出框？

Question

我想在我的网页上添加一个jQuery弹出框（而不是普通的javascript警告框），我发现了this site http://leanmodal.finelysliced.com.au/

的示例代码

任何人都可以告诉我从哪里添加$("#trigger_id").leanModal();代码到我的HTML代码或给定的JavaScript文件？

Answer 1

您可以查看jQuery Dialog，它不是同一个，但您可以在此页面上回答您的问题，此页面是此对话框的完整源代码。

Answer 2

类似的东西：

<a id="trigger1" href="#" name="modalDialog1">click to show message</a>

<div id="modalDialog1">Some message</div>

<script type="text/javascript">
$("#trigger1").leanModal();
</script>

基本上，锚标记的名称应该与将要显示为对话框的div元素的id属性相同。

其余的是CSS格式，我相信您应该可以根据您在问题中引用的网站的信息进行格式化。