jQuery

Как в Bower установить Fancybox
Как в Bower установить Fancybox

Для того чтобы установить jQuery скрипт галерении (попап окна) Fancybox, выполните следующую команду в консоле:

bower i fancybox

Но прежде чем устанавливать библиотеку, убедитесь что у вас установлен nodejs и npm. Как это сделать, вы можете прочесть в этой статье.

Урок 6. Вывод списка постов на страницу и пагинация
Урок 6. Вывод списка постов на страницу и пагинация

Сегодня будет завершающая статья из серии уроков по разработки автокомплит плагина. В связи с расширением ф-ла плагина, было внесено множество правок. Так что код придется полностью рассмотреть с самого начала, но без особых подробностей. Если вкратце, то было добавлено два дополнительных шорткода для более гибкой манипуляции с результатом вывода. Один шорткод для вывода списка статей, второй - для отображения пагинации.

читать полностью...

Урок 5. Подключение jQuery Autocomplete к плагину автокомплита постов
Урок 5. Подключение jQuery Autocomplete к плагину автокомплита постов

Сегодня будет предпоследний урок данного цикла уроков. И сегодня мы подключим автокомплит и внесем небольшие правки в ранее написанный код. Так что в конце данного урока, мы сможем увидеть список искомых постов отображаемых автокомплитом.

читать полностью...

Урок 3. Подключение стилей и JS скриптов к плагину автокомлпита постов
Урок 3. Подключение стилей и JS скриптов к плагину автокомлпита постов

Продолжаем разработку плагина «wp-post-autocomplete». В сегодняшней статье мы подключим стили, js файл и библиотеку autocomplete от фреймворка jQuerty (который по умолчанию идет с движок WP).

читать полностью...

Как сделать кнопку «наверх» / to-top с плавной прокруткой
Как сделать кнопку «наверх» / to-top с плавной прокруткой

Здравствуйте! В сегодняшнем уроке, рассмотрим реализацию простого кода кнопки «вверх» на Html, jquery и css.

Как и всегда, приступаем к рассмотрению HTML кода. Сегодня он будет довольно примитивный:


<div class="to-top" data-btn="toTop">
	&#10145;
</div>

где:
to-top — класс, используя который мы будем стилизировать нашу кнопку
data-btn="toTop" — дата-атрибут, используя который мы будем отслеживать события скрола и клика по кнопке (да-да, мы можем это сделать и по классу «to-top», я же остановился на дата-атрибуте)

читать полностью...