2017-01-06 1 views
0

Я уже некоторое время борется с этой ошибкой. Проверял все мои включенные, по сравнению с другими страницами, и все выглядит хорошо для меня. Я честно полностью потерял, почему это происходит.datepicker не является функцией - ошибка на домашней странице, но работает на другом

У меня есть функция jQuery datepicker на моей домашней странице, которая не работает, она выдает ошибку «Функция не найдена». Тем не менее, у меня есть такая же функция на других подстраницах и вообще никаких проблем.

CSS

Это мой включает в себя на странице, которая работает:

<link rel="stylesheet" href="./index/bootstrap.min.css"> 
<link rel="stylesheet" href="https://code.jquery.com/ui/1.11.1/themes/smoothness/jquery-ui.css" /> 
<link rel="stylesheet" type="text/css" href="./index/style.css"> 
<link rel="stylesheet" href="https://code.jquery.com/ui/1.11.1/themes/smoothness/jquery-ui.css" /> 

Scripts

<script type="text/javascript" src="https://www.google.com/jsapi"></script> 
<script src="http://code.jquery.com/jquery-1.11.1.min.js"></script> 
<script src="http://code.jquery.com/ui/1.11.1/jquery-ui.min.js"></script> 
<script src="./index/jquery.min.js.download"></script> 
<script src="./index/bootstrap.min.js.download"></script> 

И для сравнения, включает в себя с домашней страницы

<script type="text/javascript" src="https://www.google.com/jsapi"></script> 
<script src="http://code.jquery.com/jquery-1.11.1.min.js"></script> 
<script src="http://code.jquery.com/ui/1.11.1/jquery-ui.min.js"></script> 
<script src="./index/jquery.min.js.download"></script> 
<script src="./index/bootstrap.min.js.download"></script> 

I также считает, что я написал что-то не так, поэтому я скопировал код именно с рабочей страницы и до сих пор не повезло. Единственное различие заключается в том, что я использую API Google Charts на домашней странице, может ли это сбрасывать датупик? Моя DatePicker функция:

JavaScript

<script type="text/javascript"> 
$(function() { 
    $("#datepicker").datepicker(); 
}); 
</script> 

И где он используется:

HTML

<label for="Audit Date">Audit Date:</label> 
<input type="text" name="datepicker" id="datepicker" /> 
+1

Вы, кажется, в том числе JQuery дважды. –

+0

Я попытался удалить включения один за другим и проверить его отдельно, не повезло. И это не объяснит, почему это работает на другой странице. – ArtleMaks

+0

Правда, но это все еще не очень хорошо. –

ответ

1

Я не знаю, в каком порядке вы загружаете скрипты, так вот ay это сработало для меня:

<!doctype html> 
 
<html lang="en"> 
 
<head> 
 
    <script type="text/javascript" src="https://www.google.com/jsapi"></script> 
 
    <script src="http://code.jquery.com/jquery-1.11.1.min.js"></script> 
 
    <script src="http://code.jquery.com/ui/1.11.1/jquery-ui.min.js"></script> 
 
    <script type="text/javascript"> 
 
    $(function() { 
 
     $("#datepicker").datepicker(); 
 
    }); 
 
</script> 
 
</head> 
 
<body> 
 
    
 
<p>Date: <input type="text" id="datepicker"></p> 
 
    
 
    
 
</body> 
 
</html>

+0

Это работало после добавления бутстрапа js в конце скриптов. Я понятия не имею, почему это не сработало раньше. Спасибо, в любом случае! – ArtleMaks

+0

Возможно, отметьте это как ответ :-) – DomeTune

0

$(function() { 
 
$("#datepicker").datepicker(); 
 
});
<script type="text/javascript" src="https://www.google.com/jsapi"></script> 
 
<script src="http://code.jquery.com/jquery-1.11.1.min.js"></script> 
 
<script src="http://code.jquery.com/ui/1.11.1/jquery-ui.min.js"></script> 
 
<script src="./index/jquery.min.js.download"></script> 
 
<script src="./index/bootstrap.min.js.download"></script> 
 
<label for="Audit Date">Audit Date:</label> 
 
<input type="text" name="datepicker" id="datepicker" >

+0

Проверьте, используете ли вы другой js на странице –

 Смежные вопросы

  • Нет связанных вопросов^_^