<div align="center" id="mainPageContent1" data-role="content"> <div data-role="controlgroup" id="game_part1s" data-type="horizontal"> 0 - 5 min 6 - 10"> <div align="center" id="mainPageContent1" data-role="content"> <div data-role="controlgroup" id="game_part1s" data-type="horizontal"> 0 - 5 min 6 - 10"> <div align="center" id="mainPageContent1" data-role="content"> <div data-role="controlgroup" id="game_part1s" data-type="horizontal"> 0 - 5 min 6 - 10" />

Активное состояние кнопки JQuery

    <body>
    <div data-role="page">

    <div align="center" id="mainPageContent1" data-role="content">    
            <div data-role="controlgroup" id="game_part1s" data-type="horizontal">

0 - 5 min
6 - 10 min
10 - 15 min
16 - 20 min

             </div>
        </div> 
    </div><!-- /page -->

<script>
$(document).ready(function() {
    setInitialGamePart();
});
function setInitialGamePart() {
    changeGamePart(1);
}
function changeGamePart(nButtonId) {
    for (var iPart = 1; iPart < 5; iPart++) {
        if (nButtonId == iPart) {
    //alert('add class' + iPart);
            $('#btn' + iPart).addClass("ui-btn-active");
            } else {
    //alert('remove class' + iPart);
                $('#btn' + iPart).removeClass("ui-btn-active");
                }
            }
        }

    </script>
</body>

На странице Init вызывается setInitialGamePart, и он устанавливает первую кнопку как активную и отдыхает как неактивную. Когда я нажимаю любую другую кнопку, все кнопки не активны (обычные кнопки не выделены)

Не уверен, что здесь ошибка

JSFiddle здесь http://jsfiddle.net/fFZ6S/

Как вы увидите, init работает нормально, но нажатие на кнопку не работает. Помоги пожалуйста

1
nl ja de

1 ответы

Я исправил это, изменив href на href = '#', поэтому старый код был

0 - 5 min

мой новый код выглядит

0 - 5 min

Got the hint from this stack.. jquery mobile force ui-btn-active on navbar button

Here is the JSFiddle for you guys http://jsfiddle.net/fzaqu/

Надеюсь, это поможет вам

0
добавлено