Как вызвать функцию JQuery - PullRequest
Новая
       39

Как вызвать функцию JQuery

0 голосов
/ 23 февраля 2011

Я новичок в JQuery (я ничего не знаю об этой среде).

Недавно я нашел код для отображения календаря или часов, используя JQuery, и очень круто.

Как я могу использовать этот код?

Перейдите по ссылке на код, который я пытаюсь внедрить в мою систему (с Razor WebMatrix)

http://trentrichardson.com/examples/timepicker/

Ответы [ 2 ]

2 голосов
/ 23 февраля 2011

Это просто вопрос включения необходимых ссылок на скрипты и стили, а затем соединения компонентов.В данном конкретном случае:

  1. Включите основной скрипт движка jQuery в <head> вашей страницы.Используйте самую последнюю доступную версию (в настоящее время, 1.5).Сценарий на вашей странице примера использует jQuery 1.4.4:

    <script type="text/javascript" src="jquery-1.4.4.min.js"></script>

  2. Включите также базовый сценарий jQuery UI (здесь же с версией):

    <script type="text/javascript" src="jquery-ui-1.8.6.custom.min.js"></script>

  3. Включите сценарии плагинов:

    <script type="text/javascript" src="jquery-ui-timepicker-addon.js"></script>

  4. ДонНе забудьте сослаться на стили элементов пользовательского интерфейса плагина:

    <link rel="stylesheet" media="all" type="text/css" href="css/ui-lightness/jquery-ui-1.8.6.custom.css">

  5. Подключите плагин к элементу текстового поля, который будет действовать как триггер календаря.В этом примере используется <input type=text> с идентификатором example1:

    $('#example1').datetimepicker();

Это общие шаги для данного конкретного случая!jQuery предлагает гораздо больше функциональности, и для его использования могут потребоваться другие настройки.Но выбранный вами пример является хорошей отправной точкой: он полезен и прост для понимания.Боа сорте ...

1 голос
/ 23 февраля 2011

Вам нужно будет ссылаться на базовые библиотеки JQuery в вашем html-файле, на который вы можете ссылаться через CDN, например, Google, или загрузив файлы .js.Если вы просто хотите использовать CDN от Google, вот ссылка на js-файл jQuery: 

https://ajax.googleapis.com/ajax/libs/jquery/1.5.0/jquery.min.js

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

Следуйте примерам на сайте, а затем добавьте календарь в свой HTML.

Также читайте здесь о JQuery -> http://docs.jquery.com/Main_Page

Удачи.

...