jquery - ページを開いている間のAjaxJqueryポップアップ

Question

ページを開いているときにポップアップを追加したい。Facebookのようにボックスやグループ販売サイトのメールリクエストが最初にページに読み込まれるときにポップアップします。

Webページを初めて開いたときにajax-jqueryポップアップボックスをWebサイトに追加するにはどうすればよいですか？

Answer 1

jQuery UI はこれを非常に簡単に行います

次のように、コア jQuery スクリプトの後に ui スクリプトと css を参照します (まだ持っていない場合は、ここからダウンロードできます)。

<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>

ソース