0

jQuery Mobile プラットフォームを使用してモバイル Web サイトを開発していました。そのためにパネルを使用する必要があります。作業パネルhttps://jsfiddle.net/VQmsw/を作成できましたが、このコードを実際のファイルに埋め込むと、ページの読み込みに問題が発生します。

<html>
    
    <head>
        <title>Panels | Jquery Mobile</title>
        <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
        <link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.0-rc.1/jquery.mobile-1.3.0-rc.1.min.css" />
        <script src="http://code.jquery.com/mobile/1.3.0-rc.1/jquery.mobile-1.3.0-rc.1.min.js"></script>
    </head>
    
    <body>
        <!-- @ Page=menu -->
        <div data-role="page" id="menu">
            <div data-role="panel" id="myPanel" class="main_nav" data-display="push" data-dismissible="true" data-theme="a">
                <div class="nav_profile">
                    <div class="nav_name">
                        <h3>user</h3>
                        <p>2 active threads</p>
                    </div>
                    <!--/nav_name-->
                </div>
                <!--/nav_profile-->
            </div>
            <!-- /panel -->
            <div data-role="header" class="ui-header ui-bar-c" data-fullscreen="true" data-position="fixed" data-tap-toggle="false">
                <a href="#myPanel" data-icon="home" data-iconpos="notext" data-theme="c"></a>
                <h1 class="ui-title" role="heading" aria-level="1">Events</h1>
                <a href="#myPanel" data-icon="menu" data-iconpos="notext" data-theme="c"></a>
            </div>
            <div data-role="content"></div>
        </div>
        <!--/menu-->
    </body>

</html>

https://jsfiddle.net/57Mfu/ . フィドルでは外部リソースを提供する必要があることは知っていますが、同じコードも正常に機能しません。

助言がありますか ？

4

2 に答える 2

1

jQuery 1.9.1 および jQuery-Mobile 1.3.1 の最新の安定バージョンを使用します。

<head>
 <link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.1/jquery.mobile-1.3. 1.min.css" />
 <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
 <script src="http://code.jquery.com/mobile/1.3.1/jquery.mobile-1.3.1.min.js"></script>
</head>
于 2013-05-20T12:57:58.040 に答える
0

これは、2.0 ではなく jquery 1.9.1 で試してください。私は以前に同様の問題を経験しました - それはjsfiddleで動作しましたが、今は私のコードで動作しました - その後、jqueryとjquery-mobileのすべての正しいバージョンを使用しましたが、それは魅力的でした.

于 2013-08-26T13:33:31.300 に答える