1

問題：

私のナビゲーション バーは、 http: //jquerymobile.com/test/docs/toolbars/footer-persist-a.html の例のナビゲーション バーのようには見えません。

私は何を間違っている/違うのですか?

JS フィドル: http://jsfiddle.net/OpnSrce/dUcUF/

コード：

<!DOCTYPE HTML>
<html>
    <head>
        <meta charset = "utf-8">
        <meta name = "viewport" content = "width=device-width, initial-scale=1">
        <title>AD&amp;D Spellbook</title>
        <style>
            @import url('http://code.jquery.com/mobile/1.1.0-rc.2/jquery.mobile-1.1.0-rc.2.min.css');
        </style>
        <script src = "http://code.jquery.com/jquery-1.7.1.min.js"></script>
        <script src = "http://code.jquery.com/mobile/1.1.0-rc.2/jquery.mobile-1.1.0-rc.2.min.js"></script>
    </head>

    <body>
        <div data-role = "page" data-theme = "b">
            <div data-role = "header" data-position = "fixed" data-theme = "b">
            </div>
            <div data-role = "content" data-theme = "b">

            </div>
            <div data-role = "footer" data-position = "fixed" data-theme = "b">
                <div data-role = "navbar">
                    <ul>
                        <li>All Spells</li>
                        <li>Memorized Spells</li>
                        <li>Known Spells</li>
                    </ul>
                </div>
            </div>
        </div>
    </body>
</html>
4

1 に答える 1