Jquery Layout resizable funktioniert nicht

Ich kann nicht die Optionen des jquery-Layout-Plugins setzen zu setzen. Der Standard wird korrekt dargestellt, die Optionen jedoch nicht. Ich versuche, die Größe veränderbar und verschiebbar auf das Dokument zu setzen, aber wenn ich auf die Größenänderung aufmerksam mache, wird false zurückgegeben. Kann hier jemand sehen, was hier schief läuft?Jquery Layout resizable funktioniert nicht

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>

Quelle

2012-05-19 valen

Hiya man - meinst du Layout-Plugin? http://layout.jquery-dev.net/documentation.cfm; Ich bin nicht sicher, ob Jquery '.layout' API hat, bitte lassen Sie mich wissen, könnte in der Lage sein, Ihnen zu helfen, Prost –

oops, ja Layout Plugin – valen

Cooleos, ist das, was Sie suchen? ** funktionierende Demo ** http://jsfiddle.net/wy69R/4/ Bitte lassen Sie mich wissen, wenn diese Hilfe, ich werde es als Antwort setzen, –

Sie das Layout der Initialisierung zweimal Plugin ... versuchen, die myLayout Definition und Initialisierung Optionen conslidating:

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

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

Quelle

2012-05-19 04:32:43

versucht ... kein Unterschied :( – valen

Es funktioniert für mich, wenn jqueryui ist auch enthalten, wie in t er jquery-layout Einfache Demo unter http://layout.jquery-dev.net/demos/simple.html.

Stellen Sie sicher, dass Sie zuerst jquery-ui und dann jquery.layout einschließen, sonst wird es nicht funktionieren.

Beispiel:

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

Quelle

2014-03-25 08:23:09 codeless

Dies ist die richtige Antwort. Hatte ziemlich Kopfschmerzen mit diesem, bis ich gemerkt habe, dass ich die beiden in der falschen Reihenfolge eingefügt habe – Domi

Danke für das! Ich habe mein Problem gelöst Ich denke, es wäre gut für die Entwickler dieses Plugins, ein einfaches "einfaches" Beispiel zu liefern, das eigentlich einfach ist - dh a minimales Multi-Paned-Layout mit veränderbaren Panels, aber ohne all die zusätzlichen Bloat/Buttons/Inline-Events etc. Das wäre das am häufigsten benötigte Beispiel: Es gibt kein Problem mit der 'bloat/buttons'-Version - aber vielleicht einen anderen Namen geben. – Manachi

+1 + schön, um für diese richtige Antwort zu impovovement - erwähnen Sie auch die jquery, also die richtige Reihenfolge für die libs laden ist jquery, jquery-ui, jquery-Layout –

Jquery Layout resizable funktioniert nicht

Antwort

Verwandte Themen