Приставка за подсказка за библиотека JQueryUI
Изтегляне на библиотеката
И така, първата стъпка е да изтеглите и свържете jQuery UI библиотеката. Нека ви напомня, че можете да изтеглите библиотеката на официалния уебсайт http://jqueryui.com, като кликнете върху връзката Изтегляне.
Безплатен курс "Практика с пълен стек"
След това трябва да изберете режима за изтегляне, т.е. или да изтеглите пълната версия на библиотеката с пълен набор от приспособления за функции и ефекти, или да изтеглите само това, от което се нуждаете (поставете отметки в квадратчетата за необходимите компоненти на библиотеката). Предпочитам да не изтеглям твърде много, затова за изтегляне избрах само приспособлението Tooltip, пълен набор от ефекти и, разбира се, ядрото на библиотеката. Позволете ми да ви напомня, че преди да изтеглите, можете да изберете цветовата схема на показаните елементи на библиотеката, за това или изберете специфичен стандартен стил от падащия списък, или можете сами да генерирате цветен стил, като щракнете върху връзката „дизайн персонализирана тема ”. След като изберете цветова схема, изтеглете библиотеката.
След изтеглянето на библиотеката получаваме архив, той трябва да бъде разопакован и необходимите файлове да бъдат копирани на нашия уебсайт.
Инсталиране на библиотеката
За днешния урок ще разгледаме следния сайт:
Този сайт е само една страница и е много прост. Сега няма да показвам изходния му код, тъй като вие ще разполагате с неговите източници. Просто ще кажа, че всяко заглавие на статията има описан атрибут за заглавие, който е необходим за работа на подсказка.
След като разопаковаме изтеглената библиотека, трябва да копираме съдържанието на папката js в подобна папка на нашия сайт. И също така копирайте съдържанието на папката CSS в папката на сайта със същото име (включително папката images). Също така за този урок се изисква библиотеката jQuery, но тя идва с потребителски интерфейс jQuery, така че няма да я изтегляме отделно.
След това трябва да свържете jQuery и jQuery UI библиотеката към тестовия сайт:
След това трябва да включите таблицата със стилове на библиотеката jQuery UI:
Инсталацията завърши, сега нека заменим стандартните подсказки за атрибути на заглавието с подсказките на библиотеката на jQuery UI.
Първо използване
Така че, отидете на файла script.js, използвайте jQuery, за да изберете всички връзки към заглавието на статията и използвайте приставката Tooltip. За да направите това, добавете следния код:
Сега нека отидем в браузъра и да видим какво се е случило:
