初始化并打开 Jquery-ui 对话框
Initializing and opening Jquery-ui dialog
我正在尝试在页面加载时加载 jquery-ui 对话框。页面内容正在加载,但对话框未显示。
<script>
$(document).ready(function() {
$("#loginfailed").dialog({
width: 500, autoOpen: false, resizable: false, draggable: false,
modal: false
});
$("#loginfailed").dialog("open");
});
</script>
我错过了什么吗?我几乎读完了文档,但它对我帮助不大。
您的代码运行良好!您是否在 head
标签中添加了 jquery-ui.js
。请参阅下面 div id loginfailed
$(document).ready(function() {
$("#loginfailed").dialog({
width: 500, autoOpen: false, resizable: false, draggable: false,
modal: false
});
$("#loginfailed").dialog("open");
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://code.jquery.com/ui/1.12.0/jquery-ui.min.js"></script>
<div id="loginfailed">this is loading</div>
我正在尝试在页面加载时加载 jquery-ui 对话框。页面内容正在加载,但对话框未显示。
<script>
$(document).ready(function() {
$("#loginfailed").dialog({
width: 500, autoOpen: false, resizable: false, draggable: false,
modal: false
});
$("#loginfailed").dialog("open");
});
</script>
我错过了什么吗?我几乎读完了文档,但它对我帮助不大。
您的代码运行良好!您是否在 head
标签中添加了 jquery-ui.js
。请参阅下面 div id loginfailed
$(document).ready(function() {
$("#loginfailed").dialog({
width: 500, autoOpen: false, resizable: false, draggable: false,
modal: false
});
$("#loginfailed").dialog("open");
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://code.jquery.com/ui/1.12.0/jquery-ui.min.js"></script>
<div id="loginfailed">this is loading</div>