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 
});