使用完整日历引导模式中断

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

我想

我记得很久以前就有这个问题。我实际上进入了我相互冲突的文件并寻找类似的单词。我想我会尝试在完整的日历中命名所有名为模态的东西，以模态二。只是对整个文件进行查找和替换。看看这是否适合您。

Answer 2

所以对像我这样喜欢从 vb.net 代码中调用modal.show()的人的警告......所需的 lib jQuery 文件不能用 fullcalendar 引用。

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

目前，我无法确定为什么lib jquery文件导致这种引导模式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> <!-- 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>