1

我在我的代码中使用 jQuery UI 布局插件。我创建了 3 个窗格,即西、中和东窗格。在中心窗格中,我添加了 2 个画布元素,第一个画布元素包含一个在其上绘制的圆圈,第二个画布元素为空。

在文档准备好时,将执行以下代码,其中西和中窗格打开,东窗格关闭。

$(document).ready(function () {
myLayout = $("body").layout({ applyDemoStyles: true });
myLayout.close('east');
});

现在,单击第一个画布并在其上绘制一个圆圈时,我的东窗格将打开,并启用东窗格。在单击空画布时,我的东窗格将关闭,并禁用窗格,因此在单击东窗格时,由于窗格被禁用,它不会进一步打开。

对于空画布,编写以下代码-

myLayout.close('east');
myLayout.disableClosable('east');

对于画有圆圈的画布,编写以下代码-

myLayout.open('east');
myLayout.enableClosable('east');

首先单击空画布,然后单击画有圆圈的画布,我的东窗格打开并启用东窗格。现在,当我们将光标移动到东窗格时,会出现一个手形符号,表示它已启用。当我们单击东窗格时,它不会关闭东窗格 - 这会导致问题。

通常单击东窗格它应该是关闭/打开的。

我搜索了很多,但没有找到合适的解决方案。也看过这个网站 - http://layout.jquery-dev.com/demos/layout_methods.html

4

0 回答 0