После нажатия кнопки измените внешний вид кнопки

Question

В настоящее время я использую компонент jcarousel jquery mobile.У меня есть два компонента jcarousel.При этом при нажатии элемента во втором списке страница обновляется и отображает соответствующие данные.Пользователь должен выбрать элемент из первого списка элементов и перейти ко второму списку.Я хочу выделить выбранную кнопку в первом списке элементов.Мне нужно будет загрузить CSS при нажатии или выборе.Как я должен это делать?Также css следует применять только к одной кнопке.Если этот флажок не установлен, CSS должен быть выгружен и должен отображаться исходный стиль CSSЭто довольно сложно.Но может ли кто-нибудь дать мне идею, как к этому подойти?Дайте мне знать, если вам нужна дополнительная информация.Спасибо в ожидании.

С уважением, BG

Answer 1

Я думаю, что это может быть слишком сложным способом решения этой проблемы, но я использовал его, чтобы выделить отдельные изображения в jCarousel. Я использовал библиотеку с именем knockout (http://knockoutjs.com/) и имел привязку данных, чтобы при щелчке по изображению удалялись все ссылки на класс css на карусели, а затем добавлялся стиль к этому новому выбранному изображению в Карусель, красная граница iirc = D Я думаю, что если это единственная функциональность, которую вы хотите, то я уверен, что есть лучший способ сделать это, но если вам нужны другие динамические функции, интеграция нокаута вместе с вашей jcarousel дает вам много вариантов.

После написания всего этого я думаю, что вышесказанное - ужасная идея для вас: D

Вместо этого взгляните на использование itemVisibleInCallback и itemVisibleOutCallback. Вы можете иметь 2 метода для добавления и удаления css для элемента в вашей карусели через его индекс списка. Посмотрите эту ссылку для получения более подробной информации: http://mheidzir.wordpress.com/2009/06/25/how-to-highlight-external-controller-for-jcarousel/

Удачи:)