jQuery вид сетки и просмотр списка на той же странице

Новое в jQuery Mobile. У меня есть список акций, которые я хочу, чтобы иметь возможность изменять представление на одной странице. Поэтому у меня есть свой список, тогда я хочу иметь две кнопки в верхней части страницы:

  • Список (по умолчанию)
  • Вид сетки

Затем я могу изменить вид акций в зависимости от того, какую кнопку я нажимаю. У меня есть рабочий пример:

Вот пример URL , чтобы просмотреть предварительный просмотр и нажмите «Портфолио»,

Как это можно сделать?

1
nl ja de

2 ответы

Я думаю, вы можете сделать это самым простым способом. Просто добавьте просмотр списка и представление сетки на вашем сайте и toggle их.

0
добавлено

Попробуй это:

<Сильный> CSS

#Container ul { list-style: none; alignment-adjust:central; }
#Container .list li { //your list specs }
#Container .grid li { //your grid specs }​

<Сильный> HTML

<div data-role="content" id="Container">
    
  • list1
  • list2
  • list3
  • grid1
  • grid2
  • grid3
  • grid4
</div>
0
добавлено
Верстка сайтов HTML/CSS/JS/PHP
Верстка сайтов HTML/CSS/JS/PHP
3 439 участник(ов)

Правила группы: напишите !rules в чате. Группа Вк: vk.com/web_structure Freelancer: @web_fl Веб Дизайн: @dev_design Маркетолог: @topmarkening Автор: @M_Boroda

Чат — Типичный Верстальщик
Чат — Типичный Верстальщик
1 080 участник(ов)

Основной канал: @tpverstak Обратная связь: @annblok Все ссылки на соц.сети проекта: http://taplink.cc/tpverstak ПРАВИЛА ЧАТА — https://teletype.in/@annblok/BygPgC3E7

Веб-Технологи: UI/UX, Вёрстка, Фронтенд
Веб-Технологи: UI/UX, Вёрстка, Фронтенд
167 участник(ов)

Всё про веб-дизайн и вёрстку. А также: HTML, CSS, флекс и бутстрапы, шаблонизаторы, препроцессоры, методологии, аглифаеры, улучшаторы и обфускаторы. Обсуждаем темы юзабилити, устраиваем А/В тесты лендингов, и проводим аудит.

DTP :: @DTPublish
DTP :: @DTPublish
147 участник(ов)

Обсуждаемые темы: полиграфия, препресс, верстка, дизайн, иллюстрации, скрипты, плагины. Канал - @DTPublishing