1. Home
  2. JQuery Mobile Filter

Лучшее руководство по JQuery Mobile Filter в 2024 году. В этом руководстве вы можете изучить Вы можете выбирать элемент,поиск Список элементов,примеров,Пользовательские фильтры,Другие примеры,

JQuery Mobile Filter

Вы можете выбирать элемент

Все элементы, если один или несколько подэлементы могут быть отфильтрованы.

Как создать поле поиска:

  • Вы хотите, чтобы фильтровать элемент должен использовать фильтр данных = "истина" атрибут.
  • Создание <ввод> элемент и указать идентификатор, а также тип данных на элементе = "поиск" атрибут. Это создаст основную область поиска. Элемент <вход> помещается в форму, форма <форма> элемент использует класс "Ui-фильтрованию" - Этот класс будет корректироваться вне поля поиска и вдали от фильтрующего элемента.
  • После этого добавьте атрибут ввода данных для элемента фильтра. Это значение должно быть идентификатор <вход> элементы.

Далее мы создаем отфильтрованный список:

поиск Список элементов

<Форма класса = "щ-фильтрованию ">
<Ввод ID = данные "MyFilter" -типа = "поиск">
</ Form>

<Уль данных роли = "ListView " данных фильтра = "истина" ввода данных = "# MyFilter">
<Li> <a href="#"> Адель </a> </ li>
<Li> <a href="#"> Билли </a> </ li>
<Li> <a href="#"> Кельвин </a> </ li>
</ UL>

Попробуйте »

Совет: Вы можете использовать атрибут заполнитель в поле поиска , чтобы установить сообщение:

примеров

<Ввод ID = данные "MyFilter" -типа = "поиск" заполнитель = " согласно искать имя ru">

Попробуйте »

Пользовательские фильтры

Как правило, вставляется в текст каждого элемента списка, чтобы использовать в качестве фильтра для текста (например, соответствующий "Адель" или "В" соответствует "Билли"). Но если вы хотите, чтобы указать пользовательский текстовый фильтр, необходимо использовать атрибут данных-filtertext в дочерних элементах:

примеров

<Литий данных filtertext = "FAV "> <a href="#"> Адель </a> </ li>

Попробуйте »
примечание Если вы используете атрибут данных filtertext в элементе, элементы содержания исходного текста будут игнорироваться, когда фильтр, а затем, если вам придется искать перечень пунктов "Адель", требует использования ключевых слов, как: F, A, V, или избр.
примеров

Другие примеры

Фильтрация сложенная Список
Как сложить список фильтров.

Фильтр таблицы
Как фильтровать содержимое таблицы.

Фильтрующий элемент <div>
Как отфильтровать ребенка <DIV> содержит элемент <p>.

Горячие учебники

Contact US

JQuery Mobile Filter
10/30