JQuery Mobile swiperight未打开面板
我认为问题的标题是不言自明的，我刚刚设置了一个脚本来处理我的页面上的右击，它应该会打开我的左面板，但我真的不知道为什么不起作用 主脚本：JQuery Mobile swiperight未打开面板,jquery,html,jquery-mobile,swipe,Jquery,Html,Jquery Mobile,Swipe,我认为问题的标题是不言自明的，我刚刚设置了一个脚本来处理我的页面上的右击，它应该会打开我的左面板，但我真的不知道为什么不起作用 主脚本： <meta name="viewport" content="width=device-width, initial-scale=1"> <script src="JQuery/JQuery/jquery-1.10.2.min.js"></script> <script src="JQuery/JQueryMobile
<meta name="viewport" content="width=device-width, initial-scale=1">
<script src="JQuery/JQuery/jquery-1.10.2.min.js"></script>
<script src="JQuery/JQueryMobile/jquery.mobile-1.4.0.js"></script>
<link rel="stylesheet" href="JQuery/JQueryMobile/jquery.mobile-1.4.0.css" />
<script>
$( document ).on( "pageinit", "#homepage", function() {
$( document ).on( "swiperight", "#homepage", function( e ) {
if ( $.mobile.activePage.jqmData( "panel" ) !== "open" ) {
if ( e.type === "swiperight" ) {
$( "#mypanel" ).panel( "open" );
}
}
});
});
</script>
$（文档）。在（“pageinit”，“主页”，函数（）上{
$（文件）。关于（“swiperight”，主页），功能（e）{
如果（$.mobile.activePage.jqmData（“面板”）！=“打开”）{
如果（例如类型==“swiperight”）{
美元（“#我的面板”）。面板（“打开”）；
}
}
});
});
<body>
<div data-role="page" id="homepage" data-url="homepage">
<div data-role="panel" id="mypanel" data-position="left" data-display="push">
<!-- panel content goes here -->
</div><!-- /panel -->
<div data-role="header">
<a href="#mypanel" data-icon="grid">Menu</a>
<h1>Projecto Colibri</h1>
</div><!-- /header -->
<div role="main" class="ui-content">
<p>Page content goes here.</p>
</div><!-- /content -->
<div data-role="footer" data-theme="b" data-position="fixed">
<nav data-role="navbar">
<ul>
<li><a href="#" data-icon="shop">Artigos</a></li>
<li><a href="#" data-icon="user">Clientes</a></li>
<li><a href="#" data-icon="gear">Fornecedores</a></li>
</ul>
</nav>
</div><!-- /footer -->
</div>
</body>
科里布里项目
页面内容在这里