Архивы JavaScript - Сторінка 2 з 2 - WordPress +plugins ● Laravel ● Symfony ● Yii2 ● AlpineJS розробка

JavaScript

Як у jQuery розкрити Autocomplete натиснувши кнопку

Фреймворк jQuery має у своєму арсеналі компонент Autocomplete. Він відображає підказки (варіанти введення) безпосередньо під полем введення тексту під час його набору. Аналог автокомпліту як у пошукових системах Google або Яндекс.

У одному з проєктів виникла задача відобразити повний список доступних варіантів вибору при кліку на кнопку.

Пропоную детальніше розглянути розв’язання цієї задачі. І перше, що нам потрібно зробити — це підключити всі необхідні скрипти та бібліотеки:

<link rel="stylesheet" href="../bower_components/jquery-ui/themes/base/all.css">
<script src="../bower_components/jquery/dist/jquery.min.js"></script>
<script src="../bower_components/jquery-ui/jquery-ui.min.js"></script>

2018-02-24 Pavel jQuery КоментаріНемає Коментарів

Як до WordPress додати довільний JavaScript код

Розробляючи один із проєктів на WP, виникла потреба додати трохи JS коду. Зазвичай для таких цілей я використовую окремі скриптові файли. Але в цьому випадку коду було небагато, тому я вирішив розмістити його прямо в html «тілі» документа.
Для цього використовуйте наступний PHP код:

add_action('wp_enqueue_scripts', function(){
	if(!wp_script_is( 'jquery', 'done' ))
	{
		wp_enqueue_script( 'jquery' );
	}
	wp_add_inline_script( 'jquery-migrate', 'alert("Hello")' );
});

Що ми тут робимо:

2018-01-06 Pavel WordPress КоментаріНемає Коментарів