Question

我想在页面上打开侧面板

使用的代码片段是

$(document).ready(function(event,ui)
{
   $("#mypanel").panel("open",{display: 'overlay', position: 'left'});
});

Answer 1

我不是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>

如果此解决方案不符合您的需求，我会为您浪费时间而道歉。

在页面上打开侧面板

1 个答案: