我需要我的模态弹出窗口在页面加载后显示,此时它不显示(仅当我点击'视图'链接时)。有人能告诉我如何做到这一点吗?让JQuery在页面加载时加载元素
这里是我的JQuery:
$(function() {
$('#dialog').jqm();
});
的链接,操作是这样的:
<a href="#" class="jqModal">view</a>
我需要我的模态弹出窗口在页面加载后显示,此时它不显示(仅当我点击'视图'链接时)。有人能告诉我如何做到这一点吗?让JQuery在页面加载时加载元素
这里是我的JQuery:
$(function() {
$('#dialog').jqm();
});
的链接,操作是这样的:
<a href="#" class="jqModal">view</a>
使用jQueryUI的对话框。
然后从那里你只能做到以下几点:
$(function() {
$("#dialog").dialog();
});
<html>
<head>
<script type="text/javascript" language="javascript"
src="jquery/jquery.js"></script>
<script type="text/javascript" language="javascript"
src="jquery/jquery.ui.js"></script>
<script type="text/javascript" language="javascript">
$(document).ready(function(){
$("#dialog").dialog({modal: true});
});
</script>
</head>
<body>
<div id="dialog" class="jqModal" title="This is my title">
I'm in a dialog!
</div>
</body>
</html>
UPDATE: 这jsfiddle包含覆盖
您是否知道如何使用此模式对话框为页面添加叠加层? –
你可以按照这个教程http://jquerytools.org/demos/overlay/modal-dialog.html – chridam
一个例子我怎样才能添加覆盖这个背面? –
使用jqueryUI对话框。要添加叠加,只需添加以下属性。 modal:true – Doink