个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
30
4
我正在尝试更改项目中的页面。我有两个包含信息的 div，它们每个都有一个“页面”数据 Angular 色。此外，他们都有 id。在我的 js 文件中，我有一个简单的 onclick 事件，该事件调用一个函数，然后使用
$.mobile.changePage("#2");
从第一个 div 转到第二个 div。唯一的问题是每当我尝试更改页面时都会收到错误:
Uncaught TypeError: Cannot read property 'changePage' of undefined
我已经搜索过其他人关于堆栈溢出的帖子，但没有找到任何可以帮助我的内容。这是我的一些代码:
全局.html
<html lang="en">
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0,
maximum-scale=1.0, user-scalable=no">
<script src="js/lib/jquery-2.1.4.js"></script>
<link rel="stylesheet" type="text/css" href="css/lib/jquery.mobile-
1.4.5.css">
<script src="js/global.js"></script>
<script src="js/lib/jquery.mobile-1.4.5.js"></script>
<script src="js/p5.min.js"></script>
<script src="http://code.jquery.com/jquery.min.js"></script>
<script src="http://code.jquery.com/ui/1.8.21/jquery-ui.min.js">
</script>
</head>
<body>
<div data-role="page" id="1" style="background-color: #56f0b1;">
<button id ="startGame" type="button">Start Game</button>
</div>
<div data-role="page" id="2" style="background-color: #56f0b1;">
<h2>Page 2 </h2>
</div>
</body>
</html>
全局.js
$(document).ready(function () {
$("#startGame").on("click",getToNextPage);
});
function getToNextPage(){
$.mobile.changePage("#2");
}
最佳答案
正如评论中提到的，核心 jQuery 库必须在 jQuery Mobile 之前加载。
在您的代码中，您似乎正在加载两个 jQuery 版本，其中之一是在 jQuery Mobile 之后加载的。
此外，根据 this question 中的评论，页面 ID 不应该只是数字。
这是一个例子:
$(document).ready(function() {
$("#startGame").on("click", getToNextPage);
});
function getToNextPage() {
$.mobile.changePage("#page2");
}<link rel="stylesheet" href="https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<link rel="stylesheet" href="https://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css">
<script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.min.js"></script>
<script src="https://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>
<div data-role="page" id="page1" style="background-color: #56f0b1;">
<button id="startGame" type="button">Start Game</button>
</div>
<div data-role="page" id="page2" style="background-color: #56f0b1;">
<h2>Page 2 </h2>
</div>关于javascript - Jquery - $.mobile.changePage 不起作用，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/52978082/
30
4
0
到目前为止，我仍然没有弄清楚为什么 $.mobile.changePage 不会在下一个/第二个页面中触发，它只在索引页面中起作用。我知道使用 jquery mobile 所有脚本只会加载一次，因为
正在尝试这样的单页模板:- 页面内容中的数据是通过 ajax 调用动态加载的。 我正在尝试通过单击生成的任何列表从我的主页导航到组页面。 $.mobile.ch
如何更改下面的代码以滑动到下一页/'to: url' 而不必为每个页面更改编写脚本？ $('div').live("swipeleft", function(){
大家好，我正在从 index.html 导航到 test.html，方法是 $.mobile.changePage("test.html", {transition : "slide"});，效果很好
我想从我的 .js 文件中打开 .html 文件。所以我使用了 $.mobile.changePage("file.html")。在file.html 中有file.js。但是 file.js 在调用
我有一个jQuery Mobile应用程序的大问题: 我正在使用自定义函数(它们由onClick触发)来使用currentPage切换页面。 它仅在使用集成浏览器已更改(由于ajax请求)的网站上的A
我正在尝试更改项目中的页面。我有两个包含信息的 div，它们每个都有一个“页面”数据 Angular 色。此外，他们都有 id。在我的 js 文件中，我有一个简单的 onclick 事件，该事件调用一
我正在使用 phonegap 和 jquerymobile 创建一个网络应用程序。当我使用 changePage 转到其他页面时，它不起作用。这是我的代码 function cl
我对 $.mobile.changePage 方法有疑问，事实上，当我使用phonegap 转换应用程序时，该方法不起作用。 这是我的页面.html 的代码。有解决办法吗？ 页面索引.html
我试图更改在 Jquery 中提交的表单上的页面，但是它不起作用。它会滑动以显示同一页面，而不是导航到目标页面。下面是代码。请问有什么见解吗？我也尝试使用 "#mainpage" 、 "index.h
我一直在开发我开发的 jQuery 移动应用程序的桌面版本。为了重用一些代码库，我想我也会将 JQM 用于应用程序的桌面版本。 事实证明，每当我加载 JQM 时，它都会导致各种设计问题(主要是因为我使
弹出窗口似乎确实有错误(尚未准备好发布)。如果弹出窗口关闭事件将触发(正如它应该做的那样)。但是当您切换到另一个页面(多页面布局)时也会触发。这根本不应该发生。因为您可能从未打开过弹出窗口...但是当
我正在尝试自学 jQuery Mobile。我认为这真的很酷，但我被困在某件事上。如果我想这样称呼: $j.mobile.changePage({ url: $j("#News"), data: "a
我想扩展 $.mobile.changePage 以接受更多选项，例如在页面完成加载时添加回调函数，以及更多 AJAX 调用选项(如 contentType)。有没有办法在不更改源代码的情况下做到这一
我正在构建一个以登录表单开头的 WebWorks 应用程序，如果登录成功，则应该显示 id='map' 的第二个页面。我尝试使用 $.mobile.changePage 来显示页面，但它只会重新加载登
jQuery 移动更改页面事件在内部页面中不起作用 $.mobile.changePage('xyz.html'); 如果我在任何 url 中使用数据预取。 谁能帮我解决一下？ 最佳答案 如果我理
我尝试在弹出窗口 anchor 内使用 $.mobile.changePage 来更改到另一个页面，但是当我单击弹出窗口内的 anchor 时，页面会发生变化，然后再次返回到上一页。 我试过这个解决方
我的页面中有很多链接，每个链接都有两个属性，格式和源。 它点击了什么我得到它的 2 attr 并像这样在 js 中制作 HTML。 $(".play").live('click',function(
这是在 Android (v2.2) 和各种桌面浏览器(Chrome、FF)上完成工作的代码片段。问题在于 iOS，它会很乐意提醒，但不会更改页面。 它似乎在等待用户单击完成 按钮，我想避免。我知道这
我有很多这样的html代码 在单个 html 中，我有很多页面。现在，如果我像这样从第 1 页转到第 2 页 $.mobile.changePage("#page2",
我是一名优秀的程序员,十分优秀！