顯示對話框
[英]Display dialog box
問題描述
<body>
<script>
$(document).ready(function(){
$("#mybutton").click(function(){
$("#dbox").dialog({
title:'form',
width:600,
height:600,
modal:true,
});
});
});
</script>
<div id="dbox">
<form>
Your Name<input type="text" name="text">
Email:<input type="text" name="text" placeholder="Email">
</form>
</div>
<input type="submit" id="mybutton" value="Individuals">
</body>
這里雖然加載頁面表單出現了。所以如何解決這個問題。我已經使用jquery在點擊事件上顯示對話框。點擊事件上出現了對話框，但是當頁面加載時頁面上也出現了表格。我不知道如何避免它。
2 個解決方案
解決方案1
0 已采納 2015-03-07 09:45:49
首先隱藏框，添加style = "display:none" 。
<div id="dbox" style = "display:none">
<form>
Your Name<input type="text" name="text">
Email:<input type="text" name="text" placeholder="Email">
</form>
</div>
解決方案2
0 2015-03-07 09:48:21
你可以簡單地喜歡這個你需要在頁面加載時隱藏表單嘗試下面的代碼
<script>
$(document).ready(function(){
$("#dbox").hide();
$("#mybutton").click(function(){
$("#dbox").dialog({
title:'form',
width:600,
height:600,
modal:true,
});
});
});
</script>
單擊按鈕時如何顯示對話框
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.