jquery移動頁面不能在visual studio中工作

編輯：我完全重新編譯項目，更新後仍然無法工作。 Visual Studio v.14.0.25431.01 Update 3和Apache Cordova Update 10的工具。我試過AVD google android模擬器，同樣的事情。jquery移動頁面不能在visual studio中工作

我使用Visual Studio 2015 v.14.0.24720.00 我在Visual Studio中製作了Cordova（v.3.0.0）項目。在工具 - > NuGet包管理器 - >管理解決方案的包中安裝了Jquery 3.1.0和JQuery mobile 1.4.5。然後從內容移動的文件/到www/CSS /和腳本/到www /腳本/ 刪除這些行從index.js：

var element = document.getElementById("deviceready"); 
element.innerHTML = 'Device Ready'; 
element.className += ' ready';

就像在本教程中https://taco.visualstudio.com/en-us/docs/get-started-first-mobile-app/

這裏的指數。 html

<!DOCTYPE html> 
<html> 
    <head> 
    <!-- 
     Customize the content security policy in the meta tag below as needed. Add 'unsafe-inline' to default-src to enable inline JavaScript. 
     For details, see http://go.microsoft.com/fwlink/?LinkID=617521 
    --> 
     <meta http-equiv="Content-Security-Policy" content="default-src 'self' data: gap: https://ssl.gstatic.com 'unsafe-eval'; style-src 'self' 'unsafe-inline'; media-src *"> 

     <meta name="format-detection" content="telephone=no"> 
     <meta name="msapplication-tap-highlight" content="no"> 
     <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width"> 

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

     <title>project name</title> 
    </head> 
    <body> 

     <div data-role="page" id="pageone"> 
      <div data-role="header"> 
       <h1>Insert Page Title Here</h1> 
      </div> 

      <div data-role="main" class="ui-content"> 
       <p>Insert Content Here</p> 
      </div> 

      <div data-role="footer"> 
       <h1>Insert Footer Text Here</h1> 
      </div> 
     </div> 

     <script type="text/javascript" src="scripts/jquery-3.1.0.min.js"></script> 
     <script type="text/javascript" src="scripts/jquery.mobile-1.4.5.min.js"></script> 

     <script type="text/javascript" src="cordova.js"></script> 
     <script type="text/javascript" src="scripts/platformOverrides.js"></script> 
     <script type="text/javascript" src="scripts/index.js"></script> 
    </body> 
</html>

此外index.css爲空。

我已經做了一個Cordova項目罰款之前，這次我剛剛得到這個問題，當我試圖用最新的jquery庫做新項目。當我在Ripple-emulator上運行它時，該頁面不會加載jquery-mobile css和功能。它只顯示文本，因爲它的h1-tags應該更大一些。

而且我得到這個錯誤

Uncaught TypeError: Cannot read property 'concat' of undefined 
jquery.mobile-1.4.5.min.js (4,5780)

來源

2016-09-18 J-ho

我正在更新我的Visual Studio問題能否解決.. [http://stackoverflow.com/questions/39455923/ionic-templates-not-loading-in -visual-studio-2015-community-edition-even-after-i] –

我完全重新編譯了該項目，在更新後仍然無法工作。 Visual Studio v.14.0.25431.01更新3和Apache Cordova Update 10的工具。 –

您是否將Ripple作爲Chrome擴展運行，或者如本文所述：https：//www.raymondcamden.com/2013/11/05/Ripple-is-Reborn /？使用它作爲Chrome擴展程序時遇到問題，但如果按照文章中的設置方式進行操作，則效果不錯。（和jquery一起工作） – nyluje

有同樣的問題掙扎。似乎問題在於jQuery.mobile已被鎖定用於某些版本的jQuery。您應該可以使用jQuery版本2.x.x.，但版本3.x.x.可能會導致你所描述的錯誤。卸載jQuery 3.1.1。並安裝jQuery 2.2.4。爲我解決了這個問題。

上類似的問題找到答案：jquery.mobile 1.4.5 Uncaught TypeError: Cannot read property 'concat' of undefined

來源

2016-10-28 19:01:47

我在一段時間後停止使用jQuery Mobile。似乎它已經過時了，而且還沒有真正更新..我建議考慮一下Ionic Framework或者其他等等.Ionic + Angular看起來好像組合。 –

jquery移動頁面不能在visual studio中工作

回答

相關問題