0

我正在使用 jQuery Mobile 平台开发移动网站。为此我必须使用面板。我能够制作一个工作面板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

你应该用 jquery 1.9.1 而不是 2.0 来试试这个。我之前遇到过类似的问题——它在 jsfiddle 上工作，但现在在我的代码中——然后我使用了所有正确版本的 jquery 和 jquery-mobile，它就像一个魅力。

于 2013-08-26T13:33:31.300 回答