Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 27.03.2013, 19:02
Кандидат Javascript-наук
Отправить личное сообщение для assd18 Посмотреть профиль Найти все сообщения от assd18
 
Регистрация: 07.03.2012
Сообщений: 118

resize в jQuery UI Layout
Здравствуйте. У меня не работает 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 &amp; 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 &amp; save enabled by default

		,	showDebugMessages:			true // log and/or display messages from debugging &amp; 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>

Заранее спасибо)
Ответить с цитированием
  #2 (permalink)  
Старый 27.03.2013, 19:37
Кандидат Javascript-наук
Отправить личное сообщение для assd18 Посмотреть профиль Найти все сообщения от assd18
 
Регистрация: 07.03.2012
Сообщений: 118

http://jsfiddle.net/yW2FM/ Здесь все нормально, а на локалхосте нет...
Ответить с цитированием
  #3 (permalink)  
Старый 28.03.2013, 12:28
Кандидат Javascript-наук
Отправить личное сообщение для assd18 Посмотреть профиль Найти все сообщения от assd18
 
Регистрация: 07.03.2012
Сообщений: 118

Проблему решил. Нужно бибилотеку jquery-ui-latest.js подключать сразу после jquery и перед jquery.layout.
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
jquery resize для div (а не только для window) Vitaliy88 Events/DOM/Window 102 12.08.2013 22:33
jquery ui layout + выпадающее меню Sveta jQuery 2 04.12.2012 09:04
on вместо bind для ловли resize jquery? rockerror Библиотеки/Тулкиты/Фреймворки 2 05.11.2012 13:55
Вопрос поддержки старых методов jQuery antonM jQuery 1 04.10.2012 00:08
jQuery resize GOrshkOFF Ваши сайты и скрипты 0 24.10.2011 14:34