Layout ridimensionabile Jquery non funzionante

Non riesco a ottenere le opzioni del plug-in di layout jquery da impostare. Il rendering predefinito viene visualizzato correttamente, ma le opzioni no. Tento di impostare resizable e slidable su documento pronto, ma quando prendo attenzione per ridimensionabile restituisce false. Qualcuno può capire cosa sta andando storto qui?Layout ridimensionabile Jquery non funzionante

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>

fonte

2012-05-19 valen

Hiya uomo - vuoi dire plug-layout? http://layout.jquery-dev.net/documentation.cfm; Non sono sicuro che Jquery abbia l'API '.layout', per favore fatemelo sapere, potrebbe essere in grado di aiutarti, evviva –

oops, sì plug-in layout – valen

Cooleos, è questo quello che stai cercando? ** demo funzionante ** http://jsfiddle.net/wy69R/4/ per favore fammi sapere se questo aiuto, lo imposterò come risposta, –

Stai inizializzare il layout plugin di due volte ... provare conslidating la definizione e l'inizializzazione opzioni myLayout:

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

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

fonte

2012-05-19 04:32:43

provato ... nessuna differenza :( – valen

E ' funziona per me quando jqueryui è incluso anche, come in t he jquery-layout Semplice demo allo http://layout.jquery-dev.net/demos/simple.html.

Assicurarsi di includere prima jquery-ui e quindi jquery.layout, altrimenti non funzionerà.

Esempio:

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

fonte

2014-03-25 08:23:09 codeless

Questa è la risposta corretta. Aveva un bel mal di testa con questo, fino a quando mi sono reso conto che ho incluso i due nell'ordine sbagliato. – Domi

Grazie per questo! Risolto il mio problema. Penso che sarebbe utile per gli sviluppatori di questo plugin fornire un semplice esempio "semplice" che è in realtà semplice layout multipagina minimo con riquadri ridimensionabili, ma senza tutti gli extra pulsanti/pulsanti/eventi in linea ecc. Questo sarebbe l'esempio più comunemente richiesto. Non c'è problema con la versione 'bloat/buttons' - ma forse dargli un nome diverso. – Manachi

+1 + bello avere l'imporovimento per questa risposta corretta - menziona anche il jquery, quindi l'ordine corretto per il caricamento delle librerie è jquery, jquery-ui, jquery-layout –

Layout ridimensionabile Jquery non funzionante

risposta

Problemi correlati