jQuery в WordPress

Всем привет!

По работе все чаще приходится сталкиваться с кодом на jQuery. Моих поверхностных знаний этой библиотеки уже не достаточно. Поэтому для повышения квалификации на досуге стал почитывать книгу о jQuery. И вот задался вопросом, а как обстоит дело с jQuery в WordPress?

Оказывается с jQuery в WordPress все отлично!

Библиотека jQuery входит в состав ядра WordPress. Единственное, подключается в безопасном режиме (noConflict() режиме). Что это за режим такой и какие ограничения создает? Дело в том, что основная функция, используемая в библиотеке jQuery, догадайтесь какая – это функция jQuery(). Но программисты больше привыкли к её синониму – функции $(). Естественно, знак доллара и короче и приятней (особенно, когда не одни нули перед ним =)).

Вообщем, вы поняли, что в jQuery можно использовать и jQuery() и $(). Но дело в том, что помимо jQuery существуют еще и другие популярные JavaScript библиотеки, типа Prototype, MooTools, YUI и другие, в которых тоже используется или потенциально может использоваться функция $().  Так вот, во избежание конфликтов с другими библиотеками, в случае если вы пожелаете одновременно подключить их к своему сайту на WordPress, noConflict режим WordPress позволяет для jQuery использовать только функцию jQuery() (Понятно, что такое название для функции в других библиотеках наврядли встретится, в отличие от $()).

Это означает, что привычный код типа

по умолчанию не сработает в WordPress. Придется написать вот так:

Не велика проблема, но дело привычки. На самом деле, можно использовать и $ в качестве синонима jQuery. Для этого нужно писать код так:

В приведенном только что случае, ваш код будет выполнен только после построения всего дерева объектов DOM (Document Object Model – объектная модель документа).

Если же возникла необходимость выполнить код немедленно, то вы можете использовать такую обертку:

Так же, вы можете назначить свой алиас для jQuery, а знак $ оставить другим библиотекам:

 

Самое интересное, что мне очень понравилось: jQuery код можно размещать непосредственно в теле статьи (естественно, ни как текст, а именно как код).
Например, чтобы разместить исполняемый php-код в записях WordPress, необходимо произвести некоторые манипуляции, о чем я писал ранее. С jQuery – все гораздо проще – просто используйте его в родном виде непосредственно в коде статьи, только учитывая нюансы, описанные выше.

Вот, например, покликайте по машинке ниже.



Вот это интерактивное действие реализовано с помощью следующего кода jQuery и html, размещенного в самой статье:

jQuery позволяет делать кучу всяких красивостей и полезностей, при этом достаточно компактным кодом, в отличие от чистого javascript. Чем больше я изучаю jQuery, тем больше мне нравится эта библиотека. Поэтому я открываю рубрику jQuery в этом блоге и буду в ней публиковать какие-то интересности и полезности, касающиеся библиотеки jQuery.

До новых встреч! Успешной обработки событий! =)

Понравилась статья? Не забудьте поделиться с друзьями и коллегами:

Вы можете пропустить чтение записи и оставить комментарий. Размещение ссылок запрещено.

2 комментария к записи “jQuery в WordPress”

  1. Анатолий

    Алексей, привет! Как всегда очень интересно бывать у тебя на блоге, потому что темы “как установить wordpress на denwer” и “как заработать миллион на кликах, когда тебе 13 лет” уже подзадолбали.

    А у тебя всегда что-то более углубленное, и на этот раз с таким обалденным примером, что захотелось что-то подобное у себя реализовать :D

    • Алексей Ершов

      Привет, Анатолий! Спасибо, приятно слышать такой отзыв!
      Ты как всегда оперативно реагируешь на новые публикации =)
      Для того и пишу, чтоб люди находили что-то новое и полезное и применяли на сайтах. Ну, и сам, конечно же, развиваюсь.

Оставить комментарий

Для размещения кода в комментарии используйте теги <pre> </pre>, например:


Подписаться, не комментируя