2012-05-19 17 views
6

Ayarlamak için jquery-layout eklentisinin seçeneklerini alamıyorum. Varsayılan olarak doğru şekilde oluşturulur, ancak seçenekler yoktur. Belge üzerinde yeniden boyutlandırılabilir ve kaydırılabilir olarak ayarlamayı deniyorum, ancak yeniden boyutlandırılabilir olduğunu bildirdiğimde yanlış döndürüyor. Burada neyin yanlış gittiğini bilen var mı?JQuery düzeni yeniden boyutlandırılamıyor

js:

$(document).ready(function() { 
var myLayout = $('body').layout({ 
    west: { 
    resizable: true, 
    resizeWhileDragging: true, 
    slidable:    true 
    } 

}); 
alert(myLayout.options.west.resizable); //returns false 
}); 

html:

<body> 

<div class="ui-layout-center">Center 
    <div id="board">   
    </div> 
    <button onclick="set_board();">New Game!</button> 
    <button onclick="execute_turn();">Turn!</button> 
</div> 
<div class="ui-layout-east">East</div> 
<div class="ui-layout-west">West</div> 
</body> 
+0

Selam adam - Düzen eklentisi demek? http://layout.jquery-dev.net/documentation.cfm; Jquery '.layout' API'sine sahip olup olmadığından emin olamıyorum, lütfen bana bildirin, size yardımcı olabilir, –

+0

oops, evet layout eklentisi – valen

+0

Cooleos, aradığınız şey bu mu? ** çalışma demosu ** http://jsfiddle.net/wy69R/4/ lütfen bana yardım edelim, eğer cevap olarak ayarlayacağım, –

cevap

0

iki kez eklentisi düzenini başlatılıyor ediyoruz ... myLayout tanımı ve başlatma seçenekleri conslidating deneyin:

$(document).ready(function() { 
var myLayout = $('body').layout({ 
    west: { 
    resizable: true, 
    resizeWhileDragging: true, 
    slidable:    true 
    } 

}); 
alert(myLayout.options.west.resizable); //returns false 
}); 
+1

denedim ... fark yok :( – valen

13

It jqueryui da dahil, benim için çalışır jquery-layout http://layout.jquery-dev.net/demos/simple.html adresindeki basit tanıtım.

Önce jquery-ui'u ve sonra jquery.layout'u eklediğinizden emin olun, aksi halde çalışmaz.

Örnek:

<script src="lib/jquery/jquery-ui-1.10.4.js"></script> 
<script src="lib/jquery/jquery.layout-1.3.0-rc30.79.js"></script> 
+2

Bu doğru cevap. Ben yanlış sırayla iki dahil olduğunu anladım kadar – Domi

+1

Bunun için teşekkürler! Sorunumu çözdü.Benim bu eklenti geliştiriciler için aslında basit - örneğin bir soyulmuş geri 'basit' bir örnek sağlamak için iyi olacağını düşünüyorum yeniden boyutlandırılabilir paneller ile minimal çok bölmeli yerleşim, ancak tüm ekstra bloat/düğmeler/satır içi olaylar vb. olmadan. En çok ihtiyaç duyulan örnek olabilir. 'Bloat/buttons' versiyonuna sahip olmanın bir problemi yok. - ama belki farklı bir isim ver. – Manachi

+0

+1 + bu doğru cevap için umutsuzluğa sahip olmak güzel - jquery de söz, böylece libs yükleme için doğru sıra jquery, jquery-ui, jquery-layout olduğunu –