javascript - Uncaught TypeError: $(...).fullCalendar is not a function 是当我尝试将日历引入引导模板时出现的问题
问题描述
我想我可能会错误地加载我的脚本，但我似乎真的找不到问题所在。如果您有任何想法，将不胜感激。如果您有任何想法，请分享，因为我观看了有关此主题的所有帖子，我真的无法解决它
<?php
// Initialize the session
require_once "isconnected.php";
?>
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="stylesheet" href="assets/css/lib/fullcalendar/fullcalendar.min.css" />
<script src="assets/js/lib/fullcalendar/lib/moment.min.js"></script>
<script src="assets/js/lib/fullcalendar/lib/jquery.min.js"></script>
<script src="assets/js/lib/fullcalendar/fullcalendar.min.js"></script>
<script>
$(document).ready(function () {
var calendar = $('#calendar').fullCalendar({
editable: true,
events: "fetch-event.php",
displayEventTime: false,
eventRender: function (event, element, view) {
if (event.allDay === 'true') {
event.allDay = true;
} else {
event.allDay = false;
}
},
selectable: true,
selectHelper: true,
select: function (start, end, allDay) {
$("#myModal").modal();
var title = prompt('Event Title:');
if (title) {
var start = $.fullCalendar.formatDate(start, "Y-MM-DD HH:mm:ss");
var end = $.fullCalendar.formatDate(end, "Y-MM-DD HH:mm:ss");
$.ajax({
url: 'add-event.php',
data: 'title=' + title + '&start=' + start + '&end=' + end,
type: "POST",
success: function (data) {
displayMessage("Added Successfully");
}
});
calendar.fullCalendar('renderEvent',
{
title: title,
start: start,
end: end,
allDay: allDay
},
true
);
}
calendar.fullCalendar('unselect');
},
editable: true,
eventDrop: function (event, delta) {
var start = $.fullCalendar.formatDate(event.start, "Y-MM-DD HH:mm:ss");
var end = $.fullCalendar.formatDate(event.end, "Y-MM-DD HH:mm:ss");
$.ajax({
url: 'edit-event.php',
data: 'title=' + event.title + '&start=' + start + '&end=' + end + '&id=' + event.id,
type: "POST",
success: function (response) {
displayMessage("Updated Successfully");
}
});
},
eventClick: function (event) {
var deleteMsg = confirm("Do you really want to delete?");
if (deleteMsg) {
$.ajax({
type: "POST",
url: "delete-event.php",
data: "&id=" + event.id,
success: function (response) {
if(parseInt(response) > 0) {
$('#calendar').fullCalendar('removeEvents', event.id);
displayMessage("Deleted Successfully");
}
}
});
}
}
});
});
function displayMessage(message) {
$(".response").html("<div class='success'>"+message+"</div>");
setInterval(function() { $(".success").fadeOut(); }, 1000);
}
</script>
<style>
body {
margin-top: 50px;
text-align: center;
font-size: 12px;
font-family: "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
}
#calendar {
width: 700px;
margin: 0 auto;
}
.response {
height: 60px;
}
.success {
background: #cdf3cd;
padding: 10px 60px;
border: #c3e6c3 1px solid;
display: inline-block;
}
</style>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Focus Admin: Creative Admin Dashboard</title>
<!-- ================= Favicon ================== -->
<!-- Standard -->
<link rel="shortcut icon" href="http://placehold.it/64.png/000/fff">
<!-- Retina iPad Touch Icon-->
<link rel="apple-touch-icon" sizes="144x144" href="http://placehold.it/144.png/000/fff">
<!-- Retina iPhone Touch Icon-->
<link rel="apple-touch-icon" sizes="114x114" href="http://placehold.it/114.png/000/fff">
<!-- Standard iPad Touch Icon-->
<link rel="apple-touch-icon" sizes="72x72" href="http://placehold.it/72.png/000/fff">
<!-- Standard iPhone Touch Icon-->
<link rel="apple-touch-icon" sizes="57x57" href="http://placehold.it/57.png/000/fff">
<!-- Styles -->
<link href="assets/css/lib/calendar2/pignose.calendar.min.css" rel="stylesheet">
<link href="assets/css/lib/chartist/chartist.min.css" rel="stylesheet">
<link href="assets/css/lib/font-awesome.min.css" rel="stylesheet">
<link href="assets/css/lib/themify-icons.css" rel="stylesheet">
<link href="assets/css/lib/owl.carousel.min.css" rel="stylesheet" />
<link href="assets/css/lib/owl.theme.default.min.css" rel="stylesheet" />
<link href="assets/css/lib/weather-icons.css" rel="stylesheet" />
<link href="assets/css/lib/menubar/sidebar.css" rel="stylesheet">
<link href="assets/css/lib/bootstrap.min.css" rel="stylesheet">
<link href="assets/css/lib/helper.css" rel="stylesheet">
<link href="assets/css/style.css" rel="stylesheet">
</head>
<body>
<div class="sidebar sidebar-hide-to-small sidebar-shrink sidebar-gestures">
<div class="nano">
<div class="nano-content">
<ul>
<div class="logo"><a href="index.html">
<!-- <img src="assets/images/logo.png" alt="" /> --><span>Aplicatie Proiect AS</span></a></div>
<li class="label">Main</li>
<li><a class="sidebar-sub-toggle"><i class="ti-home"></i> Dashboard <span
class="badge badge-primary">2</span> <span
class="sidebar-collapse-icon ti-angle-down"></span></a>
<ul>
<li><a href="index1.html">Dashboard 2</a></li>
<li><a href="index1.html">Dashboard 2</a></li>
</ul>
</li>
<li class="label">Apps</li>
<li><a class="sidebar-sub-toggle"><i class="ti-bar-chart-alt"></i> Administrare <span
class="sidebar-collapse-icon ti-angle-down"></span></a>
<ul>
<li><a href="app-profile.php">Profil</a></li>
<li><a href="app-event-calender.html">Pontaj</a></li>
<li><a class="sidebar-sub-toggle">Manageri<span
class="sidebar-collapse-icon ti-angle-down"></span></a>
<ul>
<li><a href="index1.html">Dashboard 2</a></li>
<li><a href="index1.html">Dashboard 2</a></li>
</ul>
</li>
<li><a href="chartist.html">Noutati</a></li>
<li><a href="chart-peity.html">Task List</a></li>
<li><a href="chart-sparkline.html">Raport situatie</a></li>
<li><a href="chart-sparkline.html">Raport situatie OLD</a> </li>
<li><a href="chart-sparkline.html">Raport activitate</a></li>
</ul>
</li>
<li><a href=#><i class="ti-layout-grid2-alt"></i> Gospodarii</a></li>
<li><a href=#><i class="ti-layout-grid2-alt"></i> Beneficiari</a></li>
<li><a href=#><i class="ti-layout-grid2-alt"></i> Verificari</a></li>
<li><a href=#><i class="ti-layout-grid2-alt"></i> Instrumente</a></li>
<li class="label">Features</li>
<li><a class="sidebar-sub-toggle"><i class="ti-layout"></i> UI Elements <span
class="sidebar-collapse-icon ti-angle-down"></span></a>
<ul>
<li><a href="ui-typography.html">Typography</a></li>
<li><a href="ui-alerts.html">Alerts</a></li>
<li><a href="ui-button.html">Button</a></li>
<li><a href="ui-dropdown.html">Dropdown</a></li>
<li><a href="ui-list-group.html">List Group</a></li>
<li><a href="ui-progressbar.html">Progressbar</a></li>
<li><a href="ui-tab.html">Tab</a></li>
</ul>
</li>
<li><a class="sidebar-sub-toggle"><i class="ti-panel"></i> Components <span
class="sidebar-collapse-icon ti-angle-down"></span></a>
<ul>
<li><a href="uc-calendar.html">Calendar</a></li>
<li><a href="uc-carousel.html">Carousel</a></li>
<li><a href="uc-weather.html">Weather</a></li>
<li><a href="uc-datamap.html">Datamap</a></li>
<li><a href="uc-todo-list.html">To do</a></li>
<li><a href="uc-scrollable.html">Scrollable</a></li>
<li><a href="uc-sweetalert.html">Sweet Alert</a></li>
<li><a href="uc-toastr.html">Toastr</a></li>
<li><a href="uc-range-slider-basic.html">Basic Range Slider</a></li>
<li><a href="uc-range-slider-advance.html">Advance Range Slider</a></li>
<li><a href="uc-nestable.html">Nestable</a></li>
<li><a href="uc-rating-bar-rating.html">Bar Rating</a></li>
<li><a href="uc-rating-jRate.html">jRate</a></li>
</ul>
</li>
<li><a class="sidebar-sub-toggle"><i class="ti-layout-grid4-alt"></i> Table <span
class="sidebar-collapse-icon ti-angle-down"></span></a>
<ul>
<li><a href="table-basic.html">Basic</a></li>
<li><a href="table-export.html">Datatable Export</a></li>
<li><a href="table-row-select.html">Datatable Row Select</a></li>
<li><a href="table-jsgrid.html">Editable </a></li>
</ul>
</li>
<li><a class="sidebar-sub-toggle"><i class="ti-heart"></i> Icons <span
class="sidebar-collapse-icon ti-angle-down"></span></a>
<ul>
<li><a href="font-themify.html">Themify</a></li>
</ul>
</li>
<li><a class="sidebar-sub-toggle"><i class="ti-map"></i> Maps <span
class="sidebar-collapse-icon ti-angle-down"></span></a>
<ul>
<li><a href="gmaps.html">Basic</a></li>
<li><a href="vector-map.html">Vector Map</a></li>
</ul>
</li>
<li class="label">Form</li>
<li><a href="form-basic.html"><i class="ti-view-list-alt"></i> Basic Form </a></li>
<li class="label">Extra</li>
<li><a class="sidebar-sub-toggle"><i class="ti-files"></i> Invoice <span
class="sidebar-collapse-icon ti-angle-down"></span></a>
<ul>
<li><a href="invoice.html">Basic</a></li>
<li><a href="invoice-editable.html">Editable</a></li>
</ul>
</li>
<li><a class="sidebar-sub-toggle"><i class="ti-target"></i> Pages <span
class="sidebar-collapse-icon ti-angle-down"></span></a>
<ul>
<li><a href="page-login.html">Login</a></li>
<li><a href="page-register.html">Register</a></li>
<li><a href="page-reset-password.html">Forgot password</a></li>
</ul>
</li>
<li><a href="../documentation/index.html"><i class="ti-file"></i> Documentation</a></li>
<li><a href="../themes/logout.php"><i class="ti-close"></i> Logout</a></li>
</ul>
</div>
</div>
</div>
<!-- /# sidebar -->
<div class="header">
<div class="container-fluid">
<div class="row">
<div class="col-lg-12">
<div class="float-left">
<div class="hamburger sidebar-toggle">
<span class="line"></span>
<span class="line"></span>
<span class="line"></span>
</div>
</div>
<div class="float-right">
<div class="dropdown dib">
<div class="header-icon" data-toggle="dropdown">
<span class="user-avatar"><?php echo htmlspecialchars($_SESSION["username"]); ?>
</span>
<i class="ti-angle-down f-s-10"></i>
<div class="drop-down dropdown-profile dropdown-menu dropdown-menu-right">
<div class="dropdown-content-body">
<ul>
<li>
<a href="app-profile.php">
<i class="ti-user"></i>
<span>Profil</span>
</a>
</li>
<li><a href="http://localhost/Aplicatie/themes/logout.php"><i class="ti-close"></i> Logout</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="content-wrap">
<div class="main">
<div class="container-fluid">
<div class="row">
<div class="col-lg-8 p-r-0 title-margin-right">
<div class="page-header">
<div class="page-title">
<h1>Bine ati venit!</h1>
</div>
</div>
</div>
<!-- /# column -->
<div class="col-lg-4 p-l-0 title-margin-left">
<div class="page-header">
<div class="page-title">
<ol class="breadcrumb">
<li class="breadcrumb-item"><a href="#">Dashboard</a></li>
<li class="breadcrumb-item active">Home</li>
</ol>
</div>
</div>
</div>
<!-- /# column -->
</div>
<!-- /# row -->
<section id="main-content">
<div class="row">
<div class="col-lg-12">
<div class="card">
<div class="card-title">
<h4>Pontaj </h4>
<div class="float-sm-right">
<button href="#" data-toggle="modal" align="right" data-target="#add-gosp" class="btn btn-primary btn-addon" type="button">
<i class="ti-pencil-alt2"></i>Adauga gospodarie</button>
</div>
<div id='calendar'></div>
<div class="row">
</div>
</div>
<!-- /# card -->
</div>
<!-- /# column -->
</div>
<!-- /# row -->
<div class="response"></div>
<div class="col-lg-12">
<div class="footer">
<p>2018 © Admin Board. - <a href="#">example.com</a></p>
</div>
</div>
</div>
</section>
</div>
</div>
</div>
<!-- jquery vendor -->
<script src="assets/js/lib/jquery.min.js"></script>
<script src="assets/js/lib/jquery.nanoscroller.min.js"></script>
<!-- nano scroller -->
<script src="assets/js/lib/menubar/sidebar.js"></script>
<script src="assets/js/lib/preloader/pace.min.js"></script>
<!-- sidebar -->
<script src="assets/js/lib/bootstrap.min.js"></script>
<script src="assets/js/scripts.js"></script>
<!-- bootstrap -->
<!-- scripit init-->
</body>
</html>
我移动了声明，当我摆脱一个错误另一个 2 弹出时，我仍然找不到问题。
解决方案
我需要删除第二个 jquery。现在它起作用了。谢谢你charlietfl！
推荐阅读
- javascript - 如何在反应中对嵌套对象使用扩展运算符？
- r - facet_zoom 按日期范围从 stat_summary
- rabbitmq - 是否可以将 RabbitMQ 集群节点作为跟随者添加到现有的仲裁队列？
- reactjs - 在 azure devops 和 azure app services 上配置管道并部署 React 应用程序
- jmeter - 每次发送的请求数都在变化时编写 Jmeter 脚本
- php - 在特定的 WooCommerce 结帐字段包装器 html 标记中放置一个 span 标签
- javascript - 将帐户传递给 near-js-api 函数调用
- azure - Azure Key Vault 服务是否支持 PKCS#11？
- c - STM32上的SD卡初始化
- java - 将 Jackson 配置为忽略除类字段/成员之外的所有内容