javascript - 我无法打开对话框
问题描述
这是javascript代码:
$(function () {
$( "#dialog1" ).dialog({
autoOpen: false
});
$("#opener").click(function() {
$("#dialog1").dialog('open');
});
});
这是我的 HTML 代码:
<button id="opener">open the dialog</button>
<div id="dialog1" title="Dialog Title" hidden="hidden">I'm a dialog</div>
解决方案
你的代码工作 -
$(function() {
$("#dialog1").dialog({
autoOpen: false
});
$("#opener").click(function() {
$("#dialog1").dialog('open');
});
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<button id="opener">open the dialog</button>
<div id="dialog1" title="Dialog Title" hidden="hidden">I'm a dialog</div>
推荐阅读
- php - 即使没有枢轴也左连接
- c - 通过数组语法与指针算法访问 C 多维数组
- react-native - React Native 中的“未定义博览会”
- dependency-injection - 多个 Spring 数据源:考虑定义 ExternalJarRepository 类型的 bean
- android - Android为活动初始化LocalBroadcastReceiver的正确位置
- mysql - 如何在过滤元素时使sql查询显示每一行?
- arangodb - Arango AQL 使用索引搜索现有属性
- javascript - svg 或画布上的交互式液体或水下效果
- java - 代码没有进入paint()方法,最终没有绘制我的游戏画面
- firebase - Firebase Realtime 数据库在放置数据时会自动添加一个额外的空值