Как мы можем программно выбрать вкладку в навигационной панели JQuery Mobile

Как мы можем программно выбрать вкладку в панели навигации JQuery Mobile? Я попробовал приведенный ниже код, чтобы сделать это. Но бесполезно.

var tabButton = document.getElementById("tabId2");
tabButton.className = "ui-btn-active";

UPDATE:

Пожалуйста, проверьте это: http://jsfiddle.net/YnxML/15/

UPDATE:

Ниже приведен код, который я использовал для разработки панели навигации в нижнем колонтитуле.

<div data-role="page" data-theme="b" id="option-page">
<div data-role="footer" data-id="foo1" data-position="fixed">
    <div data-role="navbar">
        <ul>
            <li><a href="#" id ="tabId1"onclick="method1();" >1</a></li>

        <li><a href="#" id ="tabId2" onclick="method2();"  >2</a></li>
        <li><a href="#" id ="tabId3" onclick="method3();">3</a></li>
        </ul>
    </div><!-- /navbar -->
</div><!-- /footer -->

4 голоса | спросил Krishnan 20 J0000006Europe/Moscow 2011, 11:07:37

2 ответа


0

Прямая ссылка: http://jsfiddle.net/YnxML/24/

HTML

<div data-role="page" data-theme="b" id="option-page">
    <div data-role="footer" data-id="foo1" data-position="fixed">
        <div data-role="navbar">
            <ul>
                <li><a href="#" id ="tabId1"onclick="method1();" >1</a></li>
                <li><a href="#" id ="tabId2" onclick="method2();"  >2</a></li>
                <li><a href="#" id ="tabId3" onclick="method3();">3</a></li>
            </ul>
        </div><!-- /navbar -->
    </div><!-- /footer -->
</div>

JS

$('#tabId1').removeClass('ui-btn-hover-b').addClass('ui-btn-up-b');
$('#tabId2').addClass('ui-btn-active');

$('#option-page').page();
ответил Phill Pafford 20 J0000006Europe/Moscow 2011, 16:58:06
0
$("#tabId").trigger("click");

Этот триггер инициирует событие щелчка, поэтому не требуется добавлять или удалять «активные» из вкладок.

ответил Ashish Tyagi 6 MarpmMon, 06 Mar 2017 23:09:52 +03002017-03-06T23:09:52+03:0011 2017, 23:09:52

Похожие вопросы

Популярные теги

security × 330linux × 316macos × 2827 × 268performance × 244command-line × 241sql-server × 235joomla-3.x × 222java × 189c++ × 186windows × 180cisco × 168bash × 158c# × 142gmail × 139arduino-uno × 139javascript × 134ssh × 133seo × 132mysql × 132