2013-03-22 2 views
1

Я только начал проект MVC 4, и я не могу понять, почему JQuery сломана:Uncaught TypeError: Object [объект Object] не имеет метода «DatePicker»

<!DOCTYPE html> 
<html> 
<head> 
    <meta charset="utf-8" /> 
    <meta name="viewport" content="width=device-width" /> 
    <title>Index</title> 

    <link href="/Content/site.css" rel="stylesheet"/> 

    <link href="/Content/themes/base/jquery.ui.core.css" rel="stylesheet"/> 
<link href="/Content/themes/base/jquery.ui.resizable.css" rel="stylesheet"/> 
<link href="/Content/themes/base/jquery.ui.selectable.css" rel="stylesheet"/> 
<link href="/Content/themes/base/jquery.ui.accordion.css" rel="stylesheet"/> 
<link href="/Content/themes/base/jquery.ui.autocomplete.css" rel="stylesheet"/> 
<link href="/Content/themes/base/jquery.ui.button.css" rel="stylesheet"/> 
<link href="/Content/themes/base/jquery.ui.dialog.css" rel="stylesheet"/> 
<link href="/Content/themes/base/jquery.ui.slider.css" rel="stylesheet"/> 
<link href="/Content/themes/base/jquery.ui.tabs.css" rel="stylesheet"/> 
<link href="/Content/themes/base/jquery.ui.datepicker.css" rel="stylesheet"/> 
<link href="/Content/themes/base/jquery.ui.progressbar.css" rel="stylesheet"/> 
<link href="/Content/themes/base/jquery.ui.theme.css" rel="stylesheet"/> 


    <script src="/Scripts/modernizr-2.5.3.js"></script> 


    <script src="/Scripts/jquery-1.7.1.js"></script> 


    <script src="/Scripts/jquery-ui-1.8.20.js"></script> 


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

</head> 
<body> 


<h2>List</h2> 

<p>Date: <input type="text" id="datepicker" /></p> 


    <script src="/Scripts/jquery-1.7.1.js"></script> 


</body> 
</html> 

Ссылки в заголовочных работ просто хорошо. Я получаю эту ошибку в Chrome:

Uncaught TypeError: Object [object Object] has no method 'datepicker' 
+1

попробовать обновить JQuery. Фактическая версия 1.9.1 – Sergio

+1

Почему вы включаете библиотеку дважды? – hjpotter92

+0

Возможно, вы захотите проверить, что загружаемый jquery ui - это полная библиотека, а не пользовательская загрузка только с некоторыми виджетами ... – Tallmaris

ответ

-1

Вставьте этот код перед использованием datetimepiker или DatePicker функция

var jq = $.noConflict(); 
Смежные вопросы