"Uncaught TypeError: Cannot set property 'mobile' of undefined" in jquery mobile js

Question

我正在使用 jQuery 移动 js

<script src="~/Scripts/jquery-2.1.1.js"></script>
<script src="~/Scripts/jquery-2.1.1.min.js"></script>
<script src="~/Scripts/jquery.mobile-1.4.2.js"></script>
<script src="~/Scripts/jquery.mobile-1.4.2.min.js"></script>

<script src="~/Scripts/jquery.ui.core.js" type="text/javascript"></script>
<script src="~/Scripts/jquery.ui.widget.js" type="text/javascript"></script>
<script src="~/Scripts/knockout-2.1.0.js"></script>
<script src="~/Scripts/knockout.mapping.js"></script>

<script src="~/Scripts/jquery.ui.mouse.js" type="text/javascript"></script>
<script src="~/Scripts/jquery.ui.draggable.js" type="text/javascript"></script>
<script src="~/Scripts/jquery.ui.droppable.js" type="text/javascript"></script>
<script src="~/Scripts/jquery.ui.resizable.js"></script>
<script src="~/Scripts/bootstrap.min.js" type="text/javascript"></script>
<script src="~/Scripts/tree.jquery.js"></script>
<script src="~/Scripts/jquery.ui.menu.js"></script>
<script src="~/Scripts/jquery.ui.autocomplete.js"></script>
<script src="~/Scripts/jquery.ui.tabs.js"></script>

<link href="~/Content/jquery.mobile-1.4.2.css" rel="stylesheet" />
<link href="~/Content/MobileStyle.css" rel="stylesheet" />

我在 jquery.mobile.js 中的 $.mobile = {}; 中遇到未捕获的类型错误，即使在加载完成后，我也始终在索引页面中获取加载符号。

Answer 1

在您的第一个 script 标签块中，您有两个版本的 jQuery 和 jQuery 移动版。将其更改为仅包含以下一项：

<script src="~/Scripts/jquery-2.1.1.min.js"></script>
<script src="~/Scripts/jquery.mobile-1.4.2.min.js"></script>

请注意，文件名中的 min 表示这些版本的脚本已 'minified' 减少文件大小。

Answer 2

请不要包含重复的脚本。所有最小脚本都是具有相同 code.Remove 的压缩脚本，每件事都会起作用。

对于生产应用程序，仅包括 *.min.js。缩小所有 JS 文件意味着它们将加载得更快，因此网站速度将得到提高。