Jquery 移动页面在 visual studio 中无法使用

Question

编辑：我完全重新制作了项目，更新后仍然无法正常工作。 Visual studio v.14.0.25431.01 更新 3 和 Apache Cordova 更新工具 10。我试过 AVD google android 模拟器，同样的事情。

我正在使用 Visual Studio 2015 v.14.0.24720.00 我在 visual studio 中制作了 Cordova(v.3.0.0) 项目。在工具->NuGet 包管理器->管理解决方案包中安装了 Jquery 3.1.0 和 JQuery 移动版 1.4.5。然后将文件从 Content/ 移动到 www/css/，从 Scripts/ 移动到 www/scripts/ 从 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/

这里是index.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 模拟器上运行时，页面不会加载 jquery-mobile css 和功能。它只显示原样的文本，h1 标签应该更大一些。

我收到这个错误

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

Answer 1

遇到同样的问题。似乎问题是 jQuery.mobile 对于 jQuery 的某些版本被锁定。您应该可以使用 jQuery 版本 2.x.x，但版本 3.x.x。可能会导致您描述的错误。正在卸载 jQuery 3.1.1。并安装 jQuery 2.2.4。为我解决了这个问题。

找到类似问题的答案：

Jquery 移动页面在 visual studio 中无法使用

Jquery mobile page not working in visual studio

jquery

jquery-mobile

cordova

visual-studio-cordova

visual-studio-2015