Javascript $(…)。即使包含timepicker css和js文件,timepicker也不是函数错误?
由于某种原因,我得到了一个错误,Javascript $(…)。即使包含timepicker css和js文件,timepicker也不是函数错误?,javascript,php,jquery,timepicker,Javascript,Php,Jquery,Timepicker,由于某种原因,我得到了一个错误,$(…)。时间选择器不是一个函数,即使我在头脑中包含了timpicker css和js文件。它以前是工作的,所以我不确定我做了什么把它搞砸了。如果您有任何帮助,我们将不胜感激 代码 config.php <?php session_start();?> <!DOCTYPE html> <html> <head> <!--Main stylesheets--> <
$(…)。时间选择器不是一个函数
,即使我在头脑中包含了timpicker css和js文件。它以前是工作的,所以我不确定我做了什么把它搞砸了。如果您有任何帮助,我们将不胜感激
代码
config.php
<?php session_start();?>
<!DOCTYPE html>
<html>
<head>
<!--Main stylesheets-->
<link rel="stylesheet" type ="text/css" href="css/main.css">
<link rel="stylesheet" type="text/css" href="css/form.css">
<link rel="stylesheet" type="text/css" href="css/login.css">
<!--Custom icon-->
<link href="https://file.myfontastic.com/uZM4xs3mM5re5dydBReL44/icons.css" rel="stylesheet">
<!--Import jQuery -->
<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>
<!-- jQuery timepicker -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jquery-timepicker/1.8.1/jquery.timepicker.min.css">
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/timepicker/1.3.5/jquery.timepicker.min.js"></script>
<!--Javascript-->
<script type="text/javascript" src="js/main.js"></script>
<?php include 'config.php'; ?>
<link rel="stylesheet" type="text/css" href="css/events.css">
<!-- jQuery library for datepicker -->
<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>
<title>For Sale</title>
</head>
<body>
<header>
<h1>Events</h1>
<?php
if(isset($_SESSION['logged_user'])) {
echo "<button class='add-event'><span class='icon-plus'></span></button>";
}
?>
</header>
<div class="events">
<?php
include 'nav.php';
include 'php/login.php';
include 'php/logout.php';
include 'php/event-form.php';
?>
</body>
</html>
<div class="event-form form-screen pop-up">
<button class="close-pop-up"><span class="icon-x"></span></button>
<form name="event-form" method="post">
<h1>Create Event</h1>
<div class="form-content">
<div class="box">
<input type="file" name="file" id="file" class="inputfile" data-multiple-caption="{count} files selected" multiple />
<label for="file">
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="17" viewBox="0 0 20 17">
<path d="M10 0l-5.2 4.9h3.3v5.1h3.8v-5.1h3.3l-5.2-4.9zm9.3 11.5l-3.2-2.1h-2l3.4 2.6h-3.5c-.1 0-.2.1-.2.1l-.8 2.3h-6l-.8-2.2c-.1-.1-.1-.2-.2-.2h-3.6l3.4-2.6h-2l-3.2 2.1c-.4.3-.7 1-.6 1.5l.6 3.1c.1.5.7.9 1.2.9h16.3c.6 0 1.1-.4 1.3-.9l.6-3.1c.1-.5-.2-1.2-.7-1.5z" /> </svg> <span>Choose a file…</span> </label>
</div>
<input type="text" name="title" placeholder="Title*" required>
<input type="text" name="start_date" class="date" placeholder="Start Date*" required>
<input type="text" name="start_time" class="timepicker" placeholder="Start Time*" required>
<h1 class="time-label">to</h1>
<input type="text" name="end_date" class="date" placeholder="End Date">
<input type="text" name="end_time" class="timepicker" placeholder="End Time">
<input type="text" name="place" placeholder="Place">
<input type="text" name="description" placeholder="Description">
</div>
<button type="submit" class="submit" name="submit" value="submit">Add Event</button>
</form>
</div>
在events.php中,您将包含JQuery和JQuery UI,即使您已经在config.php中包含了它。JQuery在多次被包含时会导致很多问题;尝试从events.php或config.php中删除以下行
<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="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>