Додавання нашого спеціального вікна пошуку до головної сторінки
- <div id="searchInputBox"> <SharePoint:DelegateControl runat="server" ControlId="SmallSearchInputBox" /> …
- <div id="searchInputBox" style=”display:none;”> …
- <div class="search-container"> …
- $(document).ready(function() { …
- /*============================*/
Як використовувати:
- Скопіюйте цей jQuery до свого проекту.
- Додайте [пошук даних] до пошукового введення.
- Додайте [data-filter-item] до елементів, які потрібно відфільтрувати.
- Додайте [data-filter-name="SEARCH TERM"] до елементів фільтра.
Ви можете використовуйте віджет автозаповнення jQuery з елементами HTML: текстове поле, текстове поле та введення . Він запускається під час події відкриття ключа та показує користувачам пропозиції щодо автозаповнення щоразу, коли вони вводять щось у полі.
Підхід
- Документ HTML містить стандартну структуру з «<! …
- Для заголовка документа встановлено значення «Створити пошуковий спадний вибір за допомогою jQuery».
- Бібліотека jQuery включена через CDN для полегшення маніпулювання DOM і обробки подій.
- Тіло має гнучку структуру для центрування вмісту по вертикалі та горизонталі.
Натисніть і утримуйте (або клацніть правою кнопкою миші) панель завдань і виберіть Пошук. Виберіть Показати поле пошуку.