button - 未显示通过按钮触发的 JQuery 对话框
问题描述
我正在努力<div>
使用 Jquery 中的按钮打开一个。您可以在此处查看我的页面(不起作用)。
下面是我页面的代码。可能我没有正确调用对话框,或者它与我正在使用的 fullCalendar 插件有某种冲突。
该对话框包含我需要的内容,但未显示。
<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<link rel="icon" href="img/clip.ico" />
<link rel='stylesheet' href='js/fullcalendar/fullcalendar.css' />
<link rel="stylesheet" href="css/kube.min.css" />
<link rel="stylesheet" href="css/stile.css" />
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<script src='js/fullcalendar/jquery.min.js'></script>
<script src='js/fullcalendar/moment.min.js'></script>
<script src='js/fullcalendar/fullcalendar.js'></script>
<script src='js/fullcalendar/it.js'></script>
</head>
<body>
<button id="apricorsocae">lezioni corso CAE</button>
<div id="corsocae" title="lezioni corso CAE" style="display: none;"></div>
<script>
$( function() {
$( "#corsocae" ).dialog({
autoOpen: false,
show: {
effect: "blind",
duration: 1000
},
hide: {
effect: "explode",
duration: 1000
}
});
$( "#apricorsocae" ).on( "click", function() {
$( "#corsocae" ).dialog( "open" );
});
} );
</script>
解决方案
找出冲突的部分:
<script src='js/fullcalendar/jquery.min.js'></script>
我已经删除了它,它似乎工作正常。
推荐阅读
- bash - 为 bash 命令转义 perl 反引号中的括号
- java - 如何在java中的android studio上压缩视频
- c# - 如何编写一个包含所有导航属性的通用实体 getter 方法?
- django - 未找到带有参数 '('',)' 的 'editar_arvore' 的反向操作。尝试了 1 种模式:['arvore/editar_arvore/(?P
[0-9]+)/$'] - python - 我想在 python3 中将值从 12.56 更改为 12.57(四舍五入)
- sql - 如何在 SQL 查询中使用“as”之后的值?
- jmeter - Jmeter - 如何使用 RegEx 从请求(而非响应)中提取值
- javascript - 删除 webfont.js 作为渲染阻止资源 - 灯塔
- jenkins - 在 Jenkins 管道中使用 Ansible 插件限制库存组
- laravel - 扩展上的 Laravel 规范条件