HTML5弹出框

Question

我希望将弹出框编写到我的简单HTML 5 / Javascript / Jquery页面中，并想知道是否有“正确”的方法来执行此操作。

该框的目的是提出一些问题，然后在点击按钮时消失。

有什么想法？ 谢谢！

Answer 1

尝试jquery ui对话框。 jquery dialog

确保包含Jquery和jquery ui资源（JS，CSS文件）。为了得到理想的结果。

您可以选择Source作为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
});