打開側面板

-1

我想開一個側面板上頁面的onload打開側面板

使用的代碼片段是

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

來源

2014-04-18 Knight Rider

請告訴我爲什麼這不工作？ –

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

開放如果此解決方案不能滿足您的需求，我讓你們失去的時間表示歉意。

來源

2014-04-18 16:00:56 Devima

嘿，一切似乎都很完美，我想在這裏問一下，在標記數據rel標記是不需要的。 –

和是http://jsfiddle.net/F28aj/1/請參閱向頁面正文中添加大量文本，但當面板在左側打開時，文本會向右側移動，儘管提到了class =「ui-responsive」 –

回答

相關問題