我想在加载的页面上打开一个侧板
使用的代码片段是
$(document).ready(function(event,ui)
{
$("#mypanel").panel("open",{display: 'overlay', position: 'left'});
});
我不是jquery mobile的专家，但在本例（Fiddle）中，面板在文档加载时打开
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title></title>
<link rel="stylesheet" href="//ajax.googleapis.com/ajax/libs/jquerymobile/1.4.2/jquery.mobile.min.css" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/jquerymobile/1.4.2/jquery.mobile.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#mypanel").panel("open");
})
</script>
</head>
<body>
<div data-role="page">
<div data-role="panel" id="mypanel" data-theme="a" class="ui-response">
<p>This is my content</p>
</div>
<div data-role="content">
<a href="#mypanel" data-role="button" data-display="overlay" data-position="left" data-dismissible="true">Panel open/close</a>
</div>
</div>
</body>
</html>
如果这个解决方案不适合您的需要，我很抱歉让您浪费时间。