ページがロードされたらモーダルポップアップウィンドウを表示する必要がありますが、現時点では表示されていません (「表示」リンクをクリックした場合のみ)。誰かがこれを行う方法を教えてもらえますか?
ここに私のJQueryがあります:
$(function() {
$('#dialog').jqm();
});
これを実行するリンクは次のとおりです。
<a href="#" class="jqModal">view</a>
ページがロードされたらモーダルポップアップウィンドウを表示する必要がありますが、現時点では表示されていません (「表示」リンクをクリックした場合のみ)。誰かがこれを行う方法を教えてもらえますか?
ここに私のJQueryがあります:
$(function() {
$('#dialog').jqm();
});
これを実行するリンクは次のとおりです。
<a href="#" class="jqModal">view</a>
jqueryUI ダイアログを試してください:
<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>
更新: このjsfiddleには、オーバーレイを使用した例が含まれています
jqueryUI ダイアログを使用します。
そこからは、次のことしかできません。
$(function() {
$( "#dialog" ).dialog();
});