jquery mobile-简单页面转换快照
在学习jquerymobile时,我设置了一个基本的页面转换,可以将我从第1页滑到第2页。无论我使用哪种库版本,在我尝试实现的swipeleft/SwiperRight/click事件中都会出现相同的错误(通过控制台-页面刚刚挂起)- 未捕获引用错误:未定义MenuButtonRoundedjquery mobile-简单页面转换快照,jquery,jquery-mobile,Jquery,Jquery Mobile,在学习jquerymobile时,我设置了一个基本的页面转换,可以将我从第1页滑到第2页。无论我使用哪种库版本,在我尝试实现的swipeleft/SwiperRight/click事件中都会出现相同的错误(通过控制台-页面刚刚挂起)- 未捕获引用错误:未定义MenuButtonRounded 未捕获引用错误:未定义scaleImage 关于为什么会发生这种情况,有什么建议吗?样本代码如下- <html> <head> <title>My P
未捕获引用错误:未定义scaleImage 关于为什么会发生这种情况,有什么建议吗?样本代码如下-
<html>
<head>
<title>My Page</title>
<meta name="viewport" content="width=device-width, initial-scale=1" />
<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.11.1.min.js"></script>
<script src="https://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>
</head>
<body>
<div data-role="page" id="page1">
<div data-role="header">
<h1>My Title</h1>
</div><!-- /header -->
<div data-role="content">
<ul data-role="listview" data-inset="true" data-filter="true">
<li><a href="#">Acura</a></li>
<li><a href="#">Audi</a></li>
<li><a href="#">BMW</a></li>
<li><a href="#">Cadillac</a></li>
<li><a href="#">Ferrari</a></li>
</ul>
</div><!-- /content -->
</div><!-- /page -->
<div data-role="page" id="page2">
<div data-role="header">
<h1>My Title</h1>
</div><!-- /header -->
<div data-role="content">
<ul data-role="listview" data-inset="true" data-filter="true">
<li><a href="#">Acura</a></li>
</ul>
</div><!-- /content -->
</div><!-- /page -->
<script>
$("#page1").on("swiperight",function(event){
$.mobile.changePage( "page2"); // this is where my error occurs!
});
</script>
</body>
</html>
我的页面
我的头衔
我的头衔
$(“#第1页”)。在(“swiperight”,函数(事件){
$.mobile.changePage(“page2”);//这就是我出错的地方!
});
它似乎在我这边起作用,但它说第2页(404错误)不存在
在刷卡导航时查看jQuery文档
最后,我抓起另一个样板,它解决了这个问题,不管它是什么!谢谢你的反馈。