Worklight - 带有 jquery 1.10.2 的 jquery mobile 1.3.1 - TypeError: $.mobile 未定义
Posted
技术标签:
【中文标题】Worklight - 带有 jquery 1.10.2 的 jquery mobile 1.3.1 - TypeError: $.mobile 未定义【英文标题】：Worklight - jquery mobile 1.3.1 with jquery 1.10.2 - TypeError: $.mobile is undefined 【发布时间】：2013-11-19 08:25:46 【问题描述】：我的设置是 Worklight 6.0.0.1、Jquery mobile 1.3.1 和 jquery 1.10.2。
当我以这种方式导入它们时：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>KlapprJQ</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=0">
<link rel="shortcut icon" href="images/favicon.png">
<link rel="apple-touch-icon" href="images/apple-touch-icon.png">
<link href="jqueryMobile/jquery.mobile-1.3.1.css" rel="stylesheet">
<link rel="stylesheet" href="css/KlapprJQ.css">
<script>window.$ = window.jQuery = WLJQ;</script>
<script src="jqueryMobile/jquery.mobile-1.3.1.js"></script>
</head>
<body id="content">
<div data-role="page">
<!-- Empty page to initialize jQuery mobile -->
</div>
<script src="js/jquery-1.10.2.js"></script>
<script src="js/initOptions.js"></script>
<script src="js/KlapprJQ.js"></script>
<script src="js/messages.js"></script>
<script src="js/login.js"></script>
</body>
</html>
我收到以下错误：
TypeError: $.mobile is undefined
当我尝试这样做时：
$.mobile.loadPage("views/dialog.html", );
$.mobile.changePage("views/login.html", );
在 Worklight 中使用 jquery mobile 的最佳实践是什么？
【问题讨论】：
***.com/questions/16577872/… 【参考方案1】：在 jQuery 库之后包含 jQuery Mobile
<script src="js/jquery-1.10.2.js"></script>
<script src="jqueryMobile/jquery.mobile-1.3.1.js"></script>
<script src="js/initOptions.js"></script>
<script src="js/KlapprJQ.js"></script>
<script src="js/messages.js"></script>
<script src="js/login.js"></script>
【讨论】：
以上是关于Worklight - 带有 jquery 1.10.2 的 jquery mobile 1.3.1 - TypeError: $.mobile 未定义的主要内容，如果未能解决你的问题，请参考以下文章
IBM Worklight 6.0.0.1 - jQuery 调色板不显示
麻烦：WAS - 带有 JMS 适配器的 Worklight
Worklight - jquery mobile |如何检查用户是不是在pagebeforeshow中登录？
如何将 jquery mobile 添加到现有 Worklight 6.2 项目