Jquery Mobile - выделите вкладку

Question

У меня есть сомнения в JQuery Mobile.Я настроил панель навигации.Но я не знаю, как выделить его при выборе конкретной вкладки.Я знаю о классе ui-btn-active, но не знаю, как применить его к выбранной вкладке.Кто-нибудь, пожалуйста, предоставьте решение?

Answer 1

Jquery Mobile - выделите вкладку

Используйте тег div вместо страницы. Вы можете использовать javascript, чтобы выделить вкладку (назначить класс ui-btn-active) во время выполнения, когда отображается DIV, соответствующий вкладке. Еще одно преимущество использования div вместо страницы состоит в том, что панель навигации будет постоянной во всем, в отличие от случай страницы, где вы должны повторить код навигационной панели на всех страницах.

Вы можете отобразить и скрыть div при нажатии на вкладку и заметить код

См. Следующее решение jQuery Mobile Navigation Tab

Обратите внимание на следующий код

$(this).addClass('ui-btn-active');

При нажатии будет выделена текущая вкладка.

Answer 2

Я думаю, что это будет работать для вас:

li.ui-tabs-active > a {
    background-color: rgb(51, 136, 204)!important;
    border-color: rgb(51, 136, 204) !important;
    color: rgb(255, 255, 255) !important;
    text-shadow: 0 1px 0 rgb(0, 85, 153) !important;
}