Button 未显示通过按钮触发的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

我正在努力使用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>

莱齐奥尼科索酒店
$(函数(){
$(“#corsocae”)。对话框({
自动打开:错误,
展示:{
效果:“盲”,
持续时间:1000
},
隐藏:{
效果:“爆炸”,
持续时间:1000
}
});
$(“#apricorsocae”)。在(“单击”,函数(){
$(“#corsocae”)。对话框(“打开”);
});
} );

找到了冲突部分:

<script src='js/fullcalendar/jquery.min.js'></script>

我把它取下来了,它看起来很好用