0
我想在一個窗口中製作一個網站和混合移動應用程序，它具有多個視圖，類似於JSF如何爲HTML，CSS，JavaScript和結果窗口。我重視的jsfiddle窗口截圖如下如何在JSFiddle這樣的一個窗口中獲取多個視圖
A
回答
-1
編織：http://kodeweave.sourceforge.net/editor/#72328c86068c58bb245fc96697a63629
尋找到一個分離器。 jqxSplitter可能是我遇到過的最受歡迎的圖書館。 （與mobile devices效果很好）
$(document).ready(function() {
$("#mainSplitter").jqxSplitter({
width: 850,
height: 850,
orientation: "horizontal",
panels: [{
size: 300,
collapsible: false
}]
});
$("#firstNested").jqxSplitter({
width: "100%",
height: "100%",
orientation: "vertical",
panels: [{
size: 300,
collapsible: false
}]
});
$("#secondNested").jqxSplitter({
width: "100%",
height: "100%",
orientation: "horizontal",
panels: [{ size: 150 }]
});
$("#thirdNested").jqxSplitter({
width: "100%",
height: "100%",
orientation: "horizontal",
panels: [{
size: 150,
collapsible: false
}]
});
});<link href="http://www.jqwidgets.com/jquery-widgets-demo/jqwidgets/styles/jqx.base.css" rel="stylesheet"/>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="http://www.jqwidgets.com/jquery-widgets-demo/jqwidgets/jqxcore.js"></script>
<script src="http://www.jqwidgets.com/jquery-widgets-demo/jqwidgets/jqxsplitter.js"></script>
<div id="mainSplitter">
<div>
<div id="firstNested">
<div>
<div id="secondNested">
<div>
<span>Panel 1</span></div>
<div>
<span>Panel 2</span></div>
</div>
</div>
<div>
<span>Panel 3</span></div>
</div>
</div>
<div>
<div id="thirdNested">
<div>
<span>Panel 4</span></div>
<div>
<span>Panel 5</span></div>
</div>
</div>
</div>
第一步是看看源代碼，大多數瀏覽器有一個查看頁面源選項 –
嘗試使用Google的JavaScript分路器窗格或分配器欄。 – RJM
歡迎來到StackOverflow！請參閱[如何問]（http://stackoverflow.com/questions/how-to-ask）和[完美的問題]（http://codeblog.jonskeet.uk/2010/08/29/writing-the - 完美-問題/）。 –