Здравствуйте. У меня не работает resize. Вроде все правильно но при наведении на рамку стрелка не появляется.
Вот мой код:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="http://layout.jquery-dev.net/lib/js/jquery.layout-latest.js"></script>
<script src="http://layout.jquery-dev.net/lib/js/jquery.layout-latest.min.js"></script>
<script src="http://layout.jquery-dev.net/lib/js/jquery-ui-latest.js"></script>
<script src="http://layout.jquery-dev.net/lib/js/debug.js"></script>
<link rel="stylesheet" href="http://layout.jquery-dev.net/lib/css/layout-default-latest.css" type="text/css" media="screen, projection" />
<script type="text/javascript">
var myLayout;
$(document).ready(function () {
// this layout could be created with NO OPTIONS - but showing some here just as a sample...
// myLayout = $('body').layout(); -- syntax with No Options
myLayout = $('body').layout({
// reference only - these options are NOT required because 'true' is the default
closable: true // pane can open & close
, resizable: true // when open, pane can be resized
, slidable: true // when closed, pane can 'slide' open over other panes - closes on mouse-out
, livePaneResizing: true
// some pane-size settings
, west__minSize: 100
, east__size: 300
, east__minSize: 200
, east__maxSize: .5 // 50% of layout width
, center__minWidth: 100
// some pane animation settings
, west__animatePaneSizing: false
, west__fxSpeed_size: "fast" // 'fast' animation when resizing west-pane
, west__fxSpeed_open: 1000 // 1-second animation when opening west-pane
, west__fxSettings_open: { easing: "easeOutBounce" } // 'bounce' effect when opening
, west__fxName_close: "none" // NO animation when closing west-pane
// enable showOverflow on west-pane so CSS popups will overlap north pane
, west__showOverflowOnHover: true
// enable state management
, stateManagement__enabled: true // automatic cookie load & save enabled by default
, showDebugMessages: true // log and/or display messages from debugging & testing code
});
});
</script>
</head>
<body>
<div class="ui-layout-center">Center</div>
<div class="ui-layout-east">East</div>
<div class="ui-layout-west">West</div>
</body>
</html>
Заранее спасибо)