jquery mobile-简单页面转换快照

jquery mobile-简单页面转换快照,jquery,jquery-mobile,Jquery,Jquery Mobile,在学习jquerymobile时,我设置了一个基本的页面转换,可以将我从第1页滑到第2页。无论我使用哪种库版本,在我尝试实现的swipeleft/SwiperRight/click事件中都会出现相同的错误(通过控制台-页面刚刚挂起)- 未捕获引用错误:未定义MenuButtonRounded 未捕获引用错误:未定义scaleImage 关于为什么会发生这种情况,有什么建议吗?样本代码如下- <html> <head> <title>My P

在学习jquerymobile时,我设置了一个基本的页面转换,可以将我从第1页滑到第2页。无论我使用哪种库版本,在我尝试实现的swipeleft/SwiperRight/click事件中都会出现相同的错误(通过控制台-页面刚刚挂起)-

未捕获引用错误:未定义MenuButtonRounded
未捕获引用错误:未定义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文档


最后,我抓起另一个样板,它解决了这个问题,不管它是什么!谢谢你的反馈。