我有我的網頁的作品，我希望它的工作方式上的面板，只需要知道之前，我繼續使用的面板是有可能 1.Have多板開在同一時間？（我想打開兩個或更多的面板，每次打開一個新的面板時，其他的一切都被禁用，唯一有效的面板是一個打開的）創建jQuery的多個面板

如果沒有，任何人都可以推薦一個很好的解決方案上述問題。

我怎樣才能去激活頁面當面板打開

<!DOCTYPE html> 
<html> 
<head> 
<meta name="viewport" content="width=device-width, initial-scale=1"> 
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.4/jquery.mobile-1.4.4.min.css"> 
<script src="http://code.jquery.com/jquery-1.11.1.min.js"></script> 
<script src="http://code.jquery.com/mobile/1.4.4/jquery.mobile-1.4.4.min.js"></script> 
</head> 
<body> 
<div data-role="page" id="pageone"> 
<div data-role="panel" id="myPanelDefault"> 
<h2>Panel Header</h2> 
<p>You can close the panel b:</p> 
<a href="#pageone" data-rel="close" class="ui-btn ui-btn-inline ui-shadow ui-corner-all ui-btn-a  ui-icon-delete ui-btn-icon-left">Close panel</a> 
</div> 
<div data-role="panel" id="myPanelFixed" data-position-fixed="true"> 
<h2>Panel Header</h2> 
<p>You can close the panel by clicking outside the panel, pressing the Esc key, by swiping, or by clicking the button below:</p>

關閉面板

頁眉

打開面板

頁腳

來源

2014-09-27 Annie

「我有我的頁面上的面板上的」幫助我們來幫您：請分享您的相關代碼。 – Mooseman 2014-09-27 17:26:51

我認爲用JQM面板做這件事不會那麼容易，但我記得在一面打開一個接一個地打開多個面板時看到了一個演示，但我不記得鏈接。你也可以使用幻燈片框自己製作 - 示例 - http://stackoverflow.com/questions/26061191/jquery-mobile-panel-slide-from-top-instead-from-right-and-left/26068437 ＃26068437 - 教程 - http://tympanus.net/codrops/2009/12/03/css-and-jquery-tutorial-overlay-with-slide-out-box/ – Tasos 2014-09-27 19:22:15

從我留在上面的評論中，我創建了一個演示，讓您在同一時間打開2個面板。我不明白爲什麼你不能添加儘可能多的，因爲你提供你設置屏幕上的每個面板位置，所以他們不會重疊。至於再次禁用它們應該不難。

演示放大演示的窗口位

http://jsfiddle.net/0mfgquv6/

jQuery的

$('#box').animate({'left':'-100%'},0) 
$('#box2').animate({'left':'-100%'},0) 

$(function() { 

    $('#openpanel').click(function(){ 

     $('#box').animate({'left':'0'},500); 
     $('#box2').animate({'left':'60%'},500); 

     }); 

    $('#close').click(function(){ 

     $('#box').animate({'left':'-100%'},500) 

    }); 

    $('#close2').click(function(){ 

     $('#box2').animate({'left':'-100%'},500) 
    }); 

});

來源

2014-09-27 19:35:16 Tasos

噢，我的天啊，非常感謝你爲此，你的生活節省。 :) – Annie 2014-09-27 19:59:03

沒問題，它確定:) – Tasos 2014-09-27 20:02:13

我跟着你的例子到最後的細節，我沒有編輯任何東西，但由於某種原因，當我嘗試關閉面板單獨的幾個問題。我的小組定位正確，我不確定這是否有所作爲。這裏是我的代碼[鏈接]（http://jsfiddle.net/Annie_Bunny/ur4cs7js/） – Annie 2014-10-01 15:40:12

創建jQuery的多個面板

頁眉

頁腳

回答

相關問題