jquery - HTML5 弹出框

Question

我希望在我的简单 HTML 5/Javascript/Jquery 页面中编写一个弹出框，并想知道是否有“正确”的方法来做到这一点。

该框的目的是成为一个询问几个问题的表单，然后在单击按钮时消失。

有什么想法吗？谢谢！

Answer 1

试试 jquery ui 对话框。jQuery 对话框

确保包含 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
});