页面打开时Ajax Jquery Popup

时间:2012-11-02 19:10:21

标签: jquery ajax popup

我想在打开页面时添加弹出窗口。像第一次加载页面时,像Facebook或组销售网站的电子邮件请求弹出窗口。

如何在首次打开网页时向网站添加ajax-jquery弹出框?

1 个答案:

答案 0 :(得分:0)

jQuery UI非常容易实现

在核心jQuery脚本之后引用ui脚本和css(如果你还没有它们,可以下载它们Here):

<script src="../../Scripts/jquery-1.8.2.js" type="text/javascript"></script>
<script src="../../Scripts/jquery-ui-1.9.0.js" type="text/javascript"></script>
<link href="../../Content/themes/base/jquery-ui.css" rel="stylesheet" type="text/css" />

然后是弹出窗口的基本html

<div id="dialog" title="Basic dialog">
    <p>This is the default dialog which is useful for displaying information. The dialog window can be moved, resized and closed with the 'x' icon.</p>
</div>

最后一个小脚本让它发挥作用:

 <script>
    $(function() {
        $( "#dialog" ).dialog();
    });
    </script>

Source