“未捕获的TypeError:无法在jquery mobile js中设置未定义的属性'mobile'

时间:2015-01-05 08:56:36

标签: jquery jquery-ui asp.net-mvc-4 jquery-mobile

我正在使用jQuery Mobile 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 = {};中收到未捕获的类型错误,即使在加载完成后,我也总是在索引页面中获取加载符号。

2 个答案:

答案 0 :(得分:3)

请不要包含重复的脚本。所有最小脚本都是具有相同代码的压缩脚本。移除它们并且每件事都可以工作。

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

答案 1 :(得分:1)

script标签的第一个块中,您有两个版本的jQuery和jQuery mobile。将其更改为仅包含其中一个:

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

请注意,文件名中的min表示这些版本的脚本已被缩小&#39;减少他们的文件大小。