Наскоро направих едно търсене в страницата JQuery инструменти. Докато разбрах как най-добре да го направят, са идеални за придвижване в съдържанието на страницата, за да получите 2 опция за търсене. В резултат на това за моите нужди по-добре да дойда втората опция, но аз ще кажа днес за двете.
В първото изпълнение, търсенето ще се проведе на всички думи (знака) в предварително определена част от документа. Във второ изпълнение, списъкът на думи е дадена първоначално, ще бъде предложено, докато пишете символи в низа за търсене, съдържаща същите думи. Вид на предложения за търсене.
Свързване на JQuery библиотеката, ИЗТЪКВА плъгин, който отговаря за търсенето и подбора на текстови съвпадащи стойности и скрипт, който ще обработва заявките за търсене. Script се изпълнява, когато щракнете върху елемент с идентификатор = »представя».
променлива термин - е настроен на заявката за търсене
Променлива п - отговаря за броя на съвпаденията;
функция removeHighlight () - премахва последните резултати от търсенето;
скрий () функция - скрива блока с информация за резултатите от търсенето;
празен функция () - премахва съдържанието на блок от резултатите от търсенето;
функционира fadeIn () - прави видими блок с информация за резултатите от търсенето;
добави () функция - добавя съдържание блок с информация за резултатите от търсенето;
връхна точка (функция) - е ограден от всички съвпадат с думите на заявки за търсене в маркер педя с клас = »подчертае»;
Имотът на дължина - ще се върне броя на съвпаденията на страницата.
Между маркерите на тялото, за да вмъкнете форма за въвеждане заявки за търсене, контейнера за показване на информация за резултатите от търсенето и блока с основната класа, в който да се търси.
Свържете стилове файлове, джаджа JQuery UI: автоматично довършване. JQuery библиотека, ИЗТЪКВА плъгин, който отговаря за търсенето и подбора на текстови съвпадащи стойности и скрипт, който ще обработва заявките за търсене.
променлива термин - е отговорен за създаване на връзки към показалец, започва с # знак, последван от името на маркера (ключова дума стойност);
Променливи тагове - е разположен на заявката за търсене;
функция toLowerCase () - ред води до по-ниски случай;
Търсене страница с помощта на JQuery: пример 1 и пример 2.
Свързани статии