Button 未显示通过按钮触发的JQuery对话框
我正在努力使用Jquery中的按钮打开一个Button 未显示通过按钮触发的JQuery对话框,button,jquery-ui-dialog,Button,Jquery Ui Dialog,我正在努力使用Jquery中的按钮打开一个。 你可以看到我的页面(它不工作) 下面是我的页面代码。 可能我没有正确调用该对话框,或者它与我使用的fullCalendar插件有冲突 对话框包含我需要的内容,但未显示 <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css"> <link rel="i
。
你可以看到我的页面(它不工作)
下面是我的页面代码。
可能我没有正确调用该对话框,或者它与我使用的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>
莱齐奥尼科索酒店
$(函数(){
$(“#corsocae”)。对话框({
自动打开:错误,
展示:{
效果:“盲”,
持续时间:1000
},
隐藏:{
效果:“爆炸”,
持续时间:1000
}
});
$(“#apricorsocae”)。在(“单击”,函数(){
$(“#corsocae”)。对话框(“打开”);
});
} );
找到了冲突部分:
<script src='js/fullcalendar/jquery.min.js'></script>
我把它取下来了,它看起来很好用