JQuery Mobile Navbar Tab - Мигает при смене вкладок

Вкладки нижнего колонтитула отлично работают, и нижний колонтитул меняется, не мигая, но заголовки продолжают мигать, когда вы нажимаете вкладки. Как я могу остановить мигание?

Я попробовал несколько решений, которые я нашел в Интернете, которые помогли другим, но не работали для меня, я, должно быть, делал что-то не так.

Ниже мой HTML. Заранее спасибо!

Редактировать: я понял это.. мне нужно было datatransition="нет"

<a href="#Page2" data-role="tab" data-transition="none" >

Теперь работает

    <!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>NavBar Test</title>
        <link rel="stylesheet" href="themes/mytheme.min.css" />
        <link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.2/jquery.mobile.structure-1.3.2.min.css" />
        <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
        <script src="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.js"></script>
        <script src="phonegap.js"></script>

    </head>
    <body>
<!--                            Page 1                             -->

<div data-role="page" id="Page1" >
    <div data-role="header" >
        <h1>Navbar Test</h1>
    </div>

    <div data-role="content" data-theme="a">
           <h2>Here is the first tab</h2>
    </div>

    <div data-role="footer" data-id="foo1" data-position="fixed" >
        <div data-role="navbar">
        <ul>
            <li><a href="#Page1" data-role="tab" class="ui-btn-active ui-state-persist">Info</a></li>
            <li><a href="#Page2" data-role="tab">Friends</a></li>
            <li><a href="#Page3" data-role="tab">Albums</a></li>
        </ul>
        </div><!-- /navbar -->
    </div><!-- /footer -->
</div><!-- /page-->
<!--                        End Page 1                             -->

<!--                            Page 2                             -->
<div data-role="page" id="Page2" >
    <div data-role="header" >
        <h1>Navbar Test</h1>
    </div>

    <div data-role="content" data-theme="a">
           <h2>Here is the second tab</h2>
    </div>

    <div data-role="footer" data-id="foo1" data-position="fixed" >
        <div data-role="navbar">
        <ul>
            <li><a href="#Page1" data-role="tab">Info</a></li>
            <li><a href="#Page2" data-role="tab" class="ui-btn-active ui-state-persist">Friends</a></li>
            <li><a href="#Page3" data-role="tab">Albums</a></li>
        </ul>
        </div><!-- /navbar -->
    </div><!-- /footer -->
</div><!-- /page-->
<!--                        End Page 2                             -->

<!--                            Page 3                             -->
<div data-role="page" id="Page3" >
    <div data-role="header">
        <h1>Navbar Test</h1>
    </div>

    <div data-role="content" data-theme="a">
           <h2>Here is the third tab</h2>
    </div>

    <div data-role="footer" data-id="foo1" data-position="fixed" >
        <div data-role="navbar">
        <ul>
            <li><a href="#Page1" data-role="tab">Info</a></li>
            <li><a href="#Page2" data-role="tab">Friends</a></li>
            <li><a href="#Page3" data-role="tab" class="ui-btn-active ui-state-persist">Albums</a></li>
        </ul>
        </div><!-- /navbar -->
    </div><!-- /footer -->
</div><!-- /page-->
<!--                        End Page 3                             -->

    </body>
</html>
Источник

0 ответов

Другие вопросы по тегам