JQuery UI макет закрыть боковую панель не работает должным образом
Я использую плагин jQuery UI Layout в своем коде. Я создал 3 панели, а именно: запад, центр и восток. В центральной панели я добавил 2 элемента canvas, первый элемент canvas содержит нарисованный круг, а второй элемент canvas пуст.
В то время, когда документ готов, следующий код будет выполнен с западной и центральной панелью, которая будет открыта, и восточной панелью, которая будет закрыта.
$(document).ready(function () {
myLayout = $("body").layout({ applyDemoStyles: true });
myLayout.close('east');
});
Теперь, нажав на 1-й холст с нарисованным кружком, моя восточная панель откроется с восточной панелью, которая будет включена. И при нажатии на пустой холст моя восточная панель закрывается с отключаемой панелью, поэтому при нажатии на восточную панель она не открывается дальше, так как панель отключена.
Для пустого холста написан следующий код:
myLayout.close('east');
myLayout.disableClosable('east');
а для холста с нарисованным кружком написан следующий код:
myLayout.open('east');
myLayout.enableClosable('east');
Сначала, когда щелкают по пустому холсту, и после этого мы щелкаем по холсту с нарисованным кругом, моя восточная панель открыта с восточной панелью, которая должна быть включена. Теперь, когда мы перемещаем курсор на восточную панель, появляется символ в форме руки, который говорит, что он включен. Когда мы нажимаем на восточную панель, она не закрывает восточную панель, что вызывает проблему.
Вообще, нажав на восточную панель, она должна быть закрыта / открыта.
Я много искал, но не нашел правильного решения. видел этот сайт тоже - http://layout.jquery-dev.com/demos/layout_methods.html