jQuery datepicker - код не работает?

Новое в jQuery. Я не могу заставить дампикера работать. Может ли кто-нибудь сказать мне, что я делаю неправильно? Спасибо, любая помощь приветствуется. Вот код скелета:jQuery datepicker - код не работает?

<html> 
 
\t <head> 
 
\t \t <title>Example</title> 
 
\t \t <link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css"> 
 
\t \t <script src="//code.jquery.com/jquery-1.10.2.js"></script> 
 
\t \t <script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script> 
 
\t \t <script> 
 
\t \t \t $(function() { 
 
\t \t \t \t $("#quoteDate").datepicker(); 
 
\t \t \t }); 
 
\t \t </script> 
 
\t </head> 
 
\t <body> 
 
\t \t <input type="text" id="quoteDate"> 
 
\t </body> 
 
</html>

Я посмотрел на многих постах почти идентичны этим, но ни один из ответов не работал. Я также загрузил файлы пользовательского интерфейса jQuery, чтобы ссылаться на них локально, но это тоже не сработало.

источник

2015-05-23 Mark

Ваш код работает. Хит Выполнить код и проверить себя – Satpal

какой браузер вы используете? похоже, работает во фрагменте – Josh

в вашем примере, он работает, в этом нет ничего плохого. –

Они не работают для вас локально, потому что вы используете их из файла с URL-адресом, например file:///Macintosh HD/whatever....

Вам нужно изменить следующие строки:

<link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css"> 
    <script src="//code.jquery.com/jquery-1.10.2.js"></script> 
    <script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>

к:

<link rel="stylesheet" href="http://code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css"> 
    <script src="http://code.jquery.com/jquery-1.10.2.js"></script> 
    <script src="http://code.jquery.com/ui/1.11.4/jquery-ui.js"></script>

При использовании // префикса для актива, оно соответствует любому протоколу вы используете. Поэтому, когда вы загружаете что-то локально (без использования локального веб-сервера), он ищет file:///code.jquery.com/jquery-1.10.2.js, которого не существует. Изменяет активы для начала с http:// или https:// вместо //.

источник

2015-05-23 07:00:48 DesignerGuy

Он также сказал: «Я также загрузил файлы пользовательского интерфейса jQuery, чтобы ссылаться на них локально, но это не сработало бы . – DesignStudios

Ах да, это исправлено. Я не знаю, почему я не мог ссылаться на них локально. – Mark

Вы изменили href на: 'jquery-1.10.2.js'? – DesignStudios

После прочтения приведенных выше ответов и ваших комментариев кажется, что вы не можете запустить его локально в своем браузере.

Ссылки на файлы локально
Самый простой способ это загрузить и сохранить все файлы в одном каталоге. Скажем, файлы index.htm, jquery-ui.css, jquery-1.10.2.js, jquery-ui.js

Файл: index.htm

<html> 
<head> 
    <title>Example</title> 

    <link rel="stylesheet" href="jquery-ui.css"> 
    <script src="jquery-1.10.2.js"></script> 
    <script src="jquery-ui.js"></script> 
    <script> 
     $(function() { 
      $("#quoteDate").datepicker(); 
     }); 
    </script> 
</head> 
<body> 
    <input type="text" id="quoteDate"> 
</body> 
</html>

Относительный путь
Вы можете дать относительный путь, такой как
src="js/jquery-1.10.2.js"
src="js/jquery-ui.js"
href="css/jquery-ui.css" если структура каталогов:

Present Working Directory 
    index.htm 
    js (directory) 
     jquery-1.10.2.js 
     jquery-ui.js 
    css (directory) 
     jquery-ui.css

источник

2015-05-23 08:17:53 mythicalcoder

jQuery datepicker - код не работает?

ответ

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