打开加载页面上的侧板

open side panel on page onload

本文关键字：加载      更新时间：2023-09-26

我想在加载的页面上打开一个侧板

使用的代码片段是

$(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>

如果这个解决方案不适合您的需要，我很抱歉让您浪费时间。

相关文章：