Нужна помощь в принятии дизайнерского решения с помощью вкладок jQuery - PullRequest
0 голосов
/ 18 июня 2011

Там будет список «планов», которые есть у пользователя, и я хочу иметь возможность щелкнуть по любому из них (разделенных div) и получить его информацию, динамически загружаемую из базы данных.

Мой вопрос заключается в том, должен ли я использовать интерфейс вкладок jQuery и загружать содержимое таким образом, или кнопку, которая запускает вызов ajax?Есть ли какой-нибудь более простой / красивый способ сделать это, о котором я не думаю?

Спасибо за любую помощь, она очень ценится!

Ответы [ 3 ]

0 голосов
/ 18 июня 2011

Я бы использовал вкладки - не нужно иметь отдельную кнопку, если имя плана может быть именем вкладки.

Дизайн должен почти всегда фокусироваться на удобстве использования, и кажется, что этот подход хорошо послужит этой цели.

Если ваш список планов; однако, он является динамическим или может расти со временем, тогда я бы выбрал выпадающий список, заполненный списком, и кнопку, которая получает подробности или подключается к событию onchange и получает данные.

Вопрос немного расплывчат, поэтому, возможно, если бы вы предоставили больше информации, мы могли бы вам лучше помочь.

0 голосов
/ 18 июня 2011

Есть много существующих решений онлайн. Вы можете свернуть свой собственный тоже. Вот несколько примеров, у которых есть много с загрузкой содержимого AJAX Вы можете использовать существующие или изменить их тогда, когда вам нужно.

http://flowplayer.org/tools/demos/tabs/ajax.html. Вы можете изменить .html на свои собственные страницы php, asp, jsp и страницы с идентификатором плана и страница может возвращать HTML.

http://webdesignledger.com/tutorials/11-useful-jquery-tab-navigation-solutions

http://www.hongkiat.com/blog/50-nice-clean-css-tab-based-navigation-scripts/

http://justintadlock.com/archives/2007/11/07/how-to-create-tabs-using-jquery

0 голосов
/ 18 июня 2011

Я использовал плагин jquery-jvert-tabs для чего-то очень похожего.Содержимое каждой вкладки динамически загружалось, и весь div вызывался через ajax, вместе они работали довольно хорошо.

Говоря о том, какой из них красивее, не имеет значения, какой бы вариант вы ни выбрали, просто убедитесь, что он сочетается с вашим общим дизайном:)

...