Question

我收到错误：

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

我应用fullcalendar的链接，模态中断。有什么理由吗？当我添加了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>

如果我在所有引导程序之前定义了我的日历链接，它会破坏日历，说它也不受支持。

所以使用bootstrap和fullcalendar可以互相打架或覆盖。

我的其他本地文件

<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无法引用所需的fullcalendar jquery文件。

引导程序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>

Bootstrap Modal在FullCalendar中断

2 个答案: