jquery移動應用程序在瀏覽器上正常工作，但不是應用程序

-1

我正在開發一個使用jquery mobile和phonegap的應用程序，它在web上運行良好，請檢查它。 http://zabatni.azurewebsites.net 檢查此URL中的應用程序，然後看看這個圖片！[在這裏輸入的形象描述] [2]jquery移動應用程序在瀏覽器上正常工作，但不是應用程序

https://fbcdn-sphotos-h-a.akamaihd.net/hphotos-ak-xpf1/v/t34.0-12/10815890_590581161042731_1362713195_n.jpg?efg=eyJvbGF0Ijo4MH0%3D&oh=41a5dfdc51c34472b435a10f805a5679&oe=547F792B&gda=1417623611_d3eca3b5ed6dcabe7d24d5cbd11a05be

<!DOCTYPE html> 
<html> 
<head> 
<meta charset="UTF-8"> 

    <title>Zabatni</title> 
    <meta name="viewport" content="width=device-width, initial-scale=1"> 
     <link rel="stylesheet" href="css/index.css" /> 

    <link rel="stylesheet" href="css/jquery.mobile-1.4.5.min.css" /> 

    <link rel="stylesheet" href="css/theme/maintheme.css" /> 
    <link rel="stylesheet" href="css/theme/jquery.mobile.icons.min.css" 

    </head> 
<body> 

<div data-role="page" id="mainpage" data-theme="b"> 

    <div data-role="header"> 
    <div id="container"> <img src="images/logo-no-r.png" id="logo" alt="logo" /> 
    </div> 
    </div><!-- /header --> 

    <div data-role="content" class="contentcontainer" > 
    <div class="ui-grid-c"> 
<div class="ui-block-a"><a href="#category"> <img src="img/maincategoryicons/mata3em.png" class="maincategoryicons" /> <p class="categorytitle" lang="ar">ظبطني<br/>مطاعم</p></a></div> 
<div class="ui-block-b" ><img src="img/maincategoryicons/cafes.png" class="maincategoryicons" /><p class="categorytitle" lang="ar">ظبطني<br/>كافيهات</p></div> 
<div class="ui-block-c"><a href="#" onclick="myalert()"><img src="img/maincategoryicons/clothes.png" class="maincategoryicons" /><p class="categorytitle" lang="ar">ظبطني<br/>ملابس</p></a></div> 
<div class="ui-block-d"><img src="img/maincategoryicons/agheza.png" class="maincategoryicons" /><p class="categorytitle" lang="ar">ظبطني<br/>أجهزة</p></div> 
<div class="ui-block-a"><img src="img/maincategoryicons/realestate.png" class="maincategoryicons" /><p class="categorytitle" lang="ar">ظبطني<br/>عقارات</p></div> 
<div class="ui-block-b"><img src="img/maincategoryicons/furniture.png" class="maincategoryicons" /><p class="categorytitle" lang="ar">ظبطني<br/>أثاث</p></div> 
<div class="ui-block-c"><img src="img/maincategoryicons/cars.png" class="maincategoryicons" /><p class="categorytitle" lang="ar">ظبطني<br/>سيارات</p></div> 
<div class="ui-block-d"><img src="img/maincategoryicons/tourism.png" class="maincategoryicons" /><p class="categorytitle" lang="ar">ظبطني<br/>سياحة</p></div> 
<div class="ui-block-a"><img src="img/maincategoryicons/jewllery.png" class="maincategoryicons" /><p class="categorytitle" lang="ar">ظبطني<br/>مجوهرات</p></div> 
<div class="ui-block-b"><img src="img/maincategoryicons/accessories.png" class="maincategoryicons" /><p class="categorytitle" lang="ar">ظبطني<br/>اكسسوارات</p></div> 
<div class="ui-block-c"><img src="img/maincategoryicons/market.png" class="maincategoryicons" /><p class="categorytitle" lang="ar">ظبطني<br/>ماركت</p></div> 
<div class="ui-block-d"><img src="img/maincategoryicons/ceramic.png" class="maincategoryicons" /><p class="categorytitle" lang="ar">ظبطني<br/>سيراميك</p></div> 
<div class="ui-block-a"><img src="img/maincategoryicons/shoes.png" class="maincategoryicons" /><p class="categorytitle" lang="ar">ظبطني<br/>أحذية</p></div> 
<div class="ui-block-b"><img src="img/maincategoryicons/gym.png" class="maincategoryicons" /><p class="categorytitle" lang="ar">ظبطني<br/>جيم</p></div> 
<div class="ui-block-c"><img src="img/maincategoryicons/glasses.png" class="maincategoryicons" /><p class="categorytitle" lang="ar">ظبطني<br/>مطاعم</p></div> 




</div> 

     </div><!-- /content --> 
<div data-role="footer" data-position="fixed"> 
    <div data-role="navbar"> 
     <ul> 
      <li><a href="#" data-icon="home">home</a></li> 
      <li><a href="#aboutuspage" data-icon="user">About Us</a></li> 
      <li><a href="#contactus" data-icon="phone">Contact us</a></li> 
      <li><a href="#" data-icon="gear">Settings</a></li> 
      <li><a href="#search" data-icon="phone">Search</a></li> 
     </ul> 
    </div><!-- /navbar --> 
</div> 
</div><!-- /page --> 
<div data-role="page" id="aboutuspage" data-theme="b" > 
     <div data-role="header"> 
    <div id="container"> <img src="images/logo-no-r.png" id="logo" alt="logo" /></div> 
    </div><!-- /header --> 
    <div data-role="content"> 
     All copyrights served &copy; Albara 
    </div> 
<div data-role="footer" data-position="fixed"> 
    <div data-role="navbar"> 
     <ul> 
      <li><a href="#mainpage" data-icon="home">home</a></li> 
      <li><a href="#" data-icon="user">About Us</a></li> 
      <li><a href="#contactus" data-icon="phone">Contact us</a></li> 
      <li><a href="#settings" data-icon="gear">Settings</a></li> 
      <li><a href="#search" data-icon="search">Search</a></li> 

     </ul> 
    </div><!-- /navbar --> 
</div> 

</div> 
<div data-role="page" id="contactus" data-theme="b"></div> 




    <!--newpage--> 
    <div data-role="page" id="search" data-theme="a"> 
     <div data-role="header"> 
    <div id="container"> <img src="images/logo-no-r.png" id="logo" alt="logo" /> 
    </div> 
    </div><!-- /header --> 
    <div data-rolw="content"> 
     <ul data-role="listview" data-filter="true" class="search" > 
      <li><a href="#"><img src="images/nike.jpg">جزمة نايك برباط</a></li> 
      <li><a href="#"><img src="images/pizza.jpg"> بيتزا بالمشروم</a></li> 
      <li><a href="#"><img src="images/phone.jpg">موبايل ايفون بخطين</a></li> 
      <li><a href="#"><img src="images/ring.jpg">خاتم الماز بينور في الضلمة</a></li> 
      <li><a href="#"><img src="images/apartment.jpg">شقي ايجار جديد جدا</a></li> 

     </ul> 
    </div> 
    <div data-role="footer" data-position="fixed"> 
    <div data-role="navbar"> 
     <ul> 
      <li><a href="#" data-icon="home">home</a></li> 
      <li><a href="#aboutuspage" data-icon="user">About Us</a></li> 
      <li><a href="#contactus" data-icon="phone">Contact us</a></li> 
      <li><a href="#" data-icon="gear">Settings</a></li> 
      <li><a href="#" data-icon="phone">Search</a></li> 
     </ul> 

    </div><!-- /navbar --> 
</div> 
    </div> 
<div data-role="page" id="category"data-theme="a"> 
<div data-role="header"> 
    <div id="container"> <img src="images/logo-no-r.png" id="logo" alt="logo" /> 
    </div> 
    </div><!-- /header --> 
<div data-role="content"> 
    <ul data-role="listview" data-filter="true"> 
     <li><img src="images/pizza.jpg">بيتزا</li> 
     <li><img src="images/categoryimages/kebda.jpg">سندوتش كبجة</li> 
     <li><img src="images/categoryimages/ta3mia.jpg">شندوتش طعمية</li> 
     <li><img src="images/categoryimages/msmt.jpg">كوارع</li> 
    </ul> 

</div> 
    <div data-role="footer" data-position="fixed"> 
    <div data-role="navbar"> 
     <ul> 
      <li><a href="#mainpage" data-icon="home">home</a></li> 
      <li><a href="#aboutuspage" data-icon="user">About Us</a></li> 
      <li><a href="#contactus" data-icon="phone">Contact us</a></li> 
      <li><a href="#" data-icon="gear">Settings</a></li> 
      <li><a href="#" data-icon="phone">Search</a></li> 
     </ul> 
    </div><!-- /navbar --> 
</div> 

</div> 
<script> 
function myalert(){ 
    alert("Hello! I am an alert box!!"); 

} 

</script> 
    <script src="css/jquery-1.11.1.min.js"></script> 
    <script src="css/jquery.mobile-1.4.5.min.js"></script> 
     <script src="js/index.js"></script> 
     <script type="text/javascript" src="cordova.js"></script> 

</body> 
</html>

時，我甚至使用紋波測試它，它的工作原理很很好，爲什麼應用程序的變化，以及如何使它看起來像網站？

來源

2014-12-01 Fady Samir

......這是什麼問題？ :) – 2014-12-01 21:56:26

如何爲網站製作應用程序 – 2014-12-01 22:40:34

如果您沒有更多地解釋什麼是錯誤的，您將得不到多少幫助。當你說你測試網絡應用程序時，我想你會用現代瀏覽器在你的電腦上測試。你必須記住，cordova使用設備的默認webview，在大多數情況下，它是基於一個非常古老的瀏覽器。 – QuickFix 2014-12-02 10:53:52

Jquery-mobile很重。它無法在移動應用上順利運行。
我建議你使用Ionic或Onsen-UI框架。如果您瞭解AngularJS，Ionic框架是混合應用程序的最佳選擇。他們非常輕巧，工作順利。

來源

2014-12-02 01:56:33 n0m4dz

執行步驟如下

爲什麼你的風格的一個環節不包括括號。請更新它。

<link rel="stylesheet" href="css/theme/jquery.mobile.icons.min.css"

讓您嘗試創建一個Android/IOS項目，以檢查是否有未知的例外存在？

您的網站在移動瀏覽器中表現不錯嗎？試試。這會讓你知道根源於phonegap配置或你網站的代碼。

來源

2014-12-02 02:07:55

jquery移動應用程序在瀏覽器上正常工作，但不是應用程序

回答

相關問題