使用FullCalendar進行引導模式中斷

Question

我收到的錯誤：

0x800a01b6 - JavaScript runtime error: Object doesn't support property or method 'modal'

當我應用全日歷鏈接時，模態中斷。 有什么原因嗎？ 我也確實驗證了模態僅在添加javascript /樣式表時才中斷[我測試了沒有和模態運行的日歷]

<link href='fullcalendar.min.css' rel='stylesheet' />
<link href='fullcalendar.print.min.css' rel='stylesheet' media='print' />
<script src='lib/moment.min.js'></script>
<script src='lib/jquery.min.js'></script>
<script src='fullcalendar.min.js'></script>

如果我在所有引導程序之前都定義了日歷鏈接，它會破壞日歷，並說明它也不被支持。

因此，帶有引導程序和全日歷的東西會互相抗爭或覆蓋。

我的其他本地文件

<link rel="stylesheet" type="text/css" href="font-awesome-4.7.0/css/font-awesome.min.css"/>
<script src="CSS/font-awesome-free-5.0.6/on-server/js/fontawesome-all.js"></script>  
<link href="CSS/bootstrap-theme.css" rel="stylesheet" />
        <link href="CSS/bootstrap-theme.min.css" rel="stylesheet" />
        <link href="CSS/bootstrap.css" rel="stylesheet" />
        <link href="CSS/bootstrap.min.css" rel="stylesheet" />
        <link href="CSS/maxcdn.bootstrap.min.css" rel="stylesheet" />
        <script src="Scripts/ajax.jquery.min.js"></script>
        <script src="Scripts/bootstrap.min.js"></script>

        <script src="Scripts/JavaScript.js"></script>
        <link href="CSS/Main.css" rel="stylesheet" />
        <script src="Scripts/Splitter.js"></script>

        <link href="CSS/Oxygen.css" rel="stylesheet" />
        <link href="CSS/passionOne.css" rel="stylesheet" />
        <link href="CSS/netdna_3.2.0_bootstrap.min.css" rel="stylesheet" />
        <link href="CSS/4.2.0_font-awesome.min.css" rel="stylesheet" />

Answer 1

我想我記得很久以前就遇到過這個問題。 我實際上進入了有沖突的文件，並尋找類似的單詞。 我想我會嘗試將名為modal的完整日歷中的所有內容命名為modaltwo。 只是查找並替換整個文件。 看看是否適合您。

Answer 2

因此，向像我這樣的人發出警告，他們喜歡從vb.net代碼調用modal.show() ...所需的lib jquery文件無法用fullcalendar引用。

引導jquery文件就是您所需要的。

目前，我無法確定為什么lib jquery文件導致此引導模式javascript中斷。

所以我為fullcalendar [以及我的所有引導文件]做了以下鏈接：

<link href='fullcalendar.min.css' rel='stylesheet' />
<link href='fullcalendar.print.min.css' rel='stylesheet' media='print' />
<script src='lib/moment.min.js'></script> <!-- need to calendar title -->
<%--<script src='lib/jquery.min.js'></script>--%>
<script src='fullcalendar.min.js'></script>

這樣我就可以使用javascript函數調用來顯示如下模態

<script type="text/javascript">

 function openmodal() {
     $('#myModal').modal('show');
 }

</script>