Jquery Mobile Panel：頁面無法加載

我正在與Jquery Mobile平臺合作開發移動網站。我必須使用面板。我能夠製作一個工作面板http://jsfiddle.net/VQmsw/，但是當我將此代碼嵌入到我的實際文件中時，它給出了一些頁面加載問題。Jquery Mobile Panel：頁面無法加載

<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>

http://jsfiddle.net/57Mfu/。我知道在小提琴中你需要提供外部資源，但是相同的代碼也不能正常工作。

任何建議??

來源

2013-05-20 vhir19

因爲在這個小提琴中，您正在加載jQuery和jQuery Mobile兩次。 http://jsfiddle.net/57Mfu/。檢查**外部資源**左側的面板，刪除它們以及''中的那些，它將工作得很好。 http://jsfiddle.net/Palestinian/ytk6s/ – Omar

使用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-20 12:57:58 Omar

你應該使用jQuery 1.9.1，而不是2.0試試這個。我之前遇到類似的問題 - 它在jsfiddle上工作，但現在在我的代碼中 - 然後我使用了jquery和jquery-mobile的所有正確版本，並且它像一個魅力一樣工作。

來源

2013-08-26 13:33:31 ordanj

Jquery Mobile Panel：頁面無法加載

回答

相關問題