Изменение размера JQuery не работает

Мне не удается настроить параметры плагина jquery-layout. Значение по умолчанию отображается правильно, а параметры - нет. Я пытаюсь установить изменяемый размер и скользящий на готовом документе, но когда я предупреждаю об изменяющемся размере, он возвращает ложь. Кто-нибудь может определить, что здесь происходит не так?

ЯШ:

$(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>
Источник

2 ответа

Это работает для меня, когда jqueryui также включен, как в демонстрационном примере jquery-layout Simple по адресу http://layout.jquery-dev.net/demos/simple.html.

Убедитесь, что вы сначала включаете jquery-ui, а потом jquery.layoutиначе это не сработает.

Пример:

<script src="lib/jquery/jquery-ui-1.10.4.js"></script>
<script src="lib/jquery/jquery.layout-1.3.0-rc30.79.js"></script>
Источник

2018 обновление для пользователей Webpack

как уже упоминалось в @codeless, вам нужно загрузить 'jquery-ui' перед компоновкой (сначала явно импортировав 'jquery-ui'), но убедитесь, что вы также загружаете модули 'resizable' и 'draggable' из jquery-ui

import 'jquery-ui/ui/widgets/resizable';
import 'jquery-ui/ui/widgets/draggable';

в противном случае изменение размера панели не будет работать

Источник

Вы инициализируете плагин макета дважды... попробуйте найти определение myLayout и варианты инициализации:

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

});
alert(myLayout.options.west.resizable); //returns false
});
Источник
Другие вопросы по тегам