jquery - HTML5ポップアップボックス

Question

ポップアップボックスを単純なHTML5/ Javascript / Jqueryページにコーディングしようとしていますが、それを行うための「正しい」方法があるかどうか疑問に思っていました。

ボックスの目的は、いくつかの質問をするフォームであり、ボタンがクリックされると消えることです。

何かご意見は？ありがとう！

Answer 1

jqueryuiダイアログボックスを試してください。jqueryダイアログ

Jqueryおよびjqueryuiリソース（JS、CSSファイル）が含まれていることを確認してください。望ましい結果を得るために。

このようにCDNとしてソースを選択できます

<script src='http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.8.1.min.js' type='text/javascript'></script>

<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.9/jquery-ui.min.js" type="text/javascript"></script>

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.9/themes/base/jquery-ui.css" type="text/css" media="all" />

<div id="yourDiv">
some content
</div>

// jquery

$(function(){
  $('#yourDiv').dialog({
     modal:true
}); // setup dialog. 


$('#yourDiv').dialog('open');//open dialog
});