0

スターター JQuery Mobile サイトのサンプル用に Adob​​e から提供されたテンプレートを使用してオフラインで練習します。
http://www.adobe.com/devnet/dreamweaver/articles/dw-template-jqmobile.html

しかし、4 ページ以上は作成できないようです。コンテンツで 5 ページ目を作成したところ、黒い画面が表示されました。これを修正するにはどうすればよいですか?

4

1 に答える 1

0

HTMLにabエラーがある可能性があります。

これは、追加の5ページ目で作成されたadobeの例です。それを単一のファイルにコピーしてテストします。すべてのjs/cssファイルはハードコードされているため、心配する必要はありません。

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <title></title>`enter code here`
        <link href="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.css" rel="stylesheet" type="text/css" />
        <script src="http://www.maja-klajic.info/js/jquery-1.8.2.min.js" type="text/javascript"></script>       
        <script src="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.js" type="text/javascript"></script>
    </head>
    <body>
        <div data-role="page" id="page">
            <!-- The 'logo' DIV below was added to the default markup -->
            <div class="logo"></div>
            <div data-role="header" class="heading">
                <h1>Your Organization</h1>
            </div>
            <div data-role="content">   
                <ul data-role="listview" class="mainmenu">
                    <li><a href="#page2">Who We Are</a></li>
                    <li><a href="#page3">What We Do</a></li>
                    <li><a href="#page4">About Us</a></li>
                    <li><a href="#page5">Fift Page</a></li>                 
                </ul>       
            </div>
            <div data-role="footer">
                <h4>&copy;2011 &bull; Your Organization Name</h4>
            </div>
        </div>

        <div data-role="page" id="page2">
            <div data-role="header">
                <h1>Who We Are</h1>
            </div>
            <div data-role="content">   
                <p>Nunc auctor bibendum eros. Maecenas porta accumsan mauris. Etiam enim enim, elementum sed, bibendum quis, rhoncus non, metus. Fusce neque dolor, adipiscing sed, consectetuer et, lacinia sit amet, quam. Suspendisse wisi quam, consectetuer in, blandit sed, suscipit eu, eros. Etiam ligula enim, tempor ut, blandit nec, mollis eu, lectus. Nam cursus. Vivamus iaculis. Aenean risus purus, pharetra in, blandit quis, gravida a, turpis. Donec nisl. Aenean eget mi. Fusce mattis est id diam. Phasellus faucibus interdum sapien. Duis quis nunc. Sed enim.</p>       
            </div>
            <div data-role="footer">
                <h4>&copy;2011 &bull; Your Organization Name</h4>
            </div>
        </div>

        <div data-role="page" id="page3">
            <div data-role="header">
                <h1>What We Do</h1>
            </div>
            <div data-role="content">
                <h2>Maecenas porta accumsan mauris</h2>
                <p>Nunc auctor bibendum eros. Maecenas porta accumsan mauris. Etiam enim enim, elementum sed, bibendum quis, rhoncus non, metus. Fusce neque dolor, adipiscing sed, consectetuer et, lacinia sit amet, quam. Suspendisse wisi quam</p>
                <figure>
                    <img src="images/photo.jpg" alt="photo" width="120" />
                    <figcaption>Duis a eros lit ora tor quent per conu bia nos tra per.</figcaption>
                </figure>
                <p>Consectetuer in, blandit sed, suscipit eu, eros. Etiam ligula enim, tempor ut, blandit nec, mollis eu, lectus. Nam cursus. Vivamus iaculis. Aenean risus purus, pharetra in, blandit quis, gravida a, turpis. Donec nisl. Aenean eget mi. Fusce mattis est id diam. Phasellus faucibus interdum sapien. Duis quis nunc. Sed enim.</p>
                <p>Nunc auctor bibendum eros. Maecenas porta accumsan mauris. Etiam enim enim, elementum sed, bibendum quis, rhoncus non, metus. Fusce neque dolor, adipiscing sed, consectetuer et, lacinia sit amet, quam. Suspendisse wisi quam, consectetuer in, blandit sed, suscipit eu, eros. Etiam ligula enim, tempor ut, blandit nec, mollis eu, lectus. Nam cursus. Vivamus iaculis. Aenean risus purus, pharetra in, blandit quis, gravida a, turpis. Donec nisl. Aenean eget mi. Fusce mattis est id diam. Phasellus faucibus interdum sapien. Duis quis nunc. Sed enim.</p>
            </div>
            <div data-role="footer">
                <h4>&copy;2011 &bull; Your Organization Name</h4>
            </div>
        </div>

        <div data-role="page" id="page4">
            <div data-role="header">
                <h1>About Us</h1>
            </div>
            <div data-role="content">   
                <p>Nunc auctor bibendum eros. Maecenas porta accumsan mauris. Etiam enim enim, elementum sed, bibendum quis, rhoncus non, metus. Fusce neque dolor, adipiscing sed, consectetuer et, lacinia sit amet, quam. Suspendisse wisi quam, consectetuer in, blandit sed, suscipit eu, eros. Etiam ligula enim, tempor ut, blandit nec, mollis eu, lectus. Nam cursus. Vivamus iaculis. Aenean risus purus, pharetra in, blandit quis, gravida a, turpis. Donec nisl. Aenean eget mi. Fusce mattis est id diam. Phasellus faucibus interdum sapien. Duis quis nunc. Sed enim.</p>
            </div>
            <div data-role="footer">
                <h4>&copy;2011 &bull; Your Organization Name</h4>
            </div>
        </div>          

        <div data-role="page" id="page5">
            <div data-role="header">
                <h1>This is fifth page</h1>
            </div>
            <div data-role="content">   
                <p>This is fifth page</p>
            </div>
            <div data-role="footer">
                <h4>&copy;2011 &bull; Your Organization Name</h4>
            </div>
        </div>          
    </body>
</html>
于 2013-01-16T22:01:20.410 に答える