Javascript 如何在ui布局中激活调整大小选项_Javascript_Jquery_Css

Javascript 如何在ui布局中激活调整大小选项

javascript jquery css

Javascript 如何在ui布局中激活调整大小选项,javascript,jquery,css,Javascript,Jquery,Css,我正在尝试使用优秀的jQueryUI布局插件创建一个完整的页面界面。但不幸的是，西区无法用鼠标调整大小，我在下图中提到过。我找不到任何解决办法以下是我使用的代码： <div class="ui-layout-west"> <%@include file="abc.jsp"%> </div> 下面是我的西窗格示例图像我找到了一个解决方案，看起来您必须为jquery ui包含js。然后，您可以根据需要设置如下所示的可调整大小选项 <htm

我正在尝试使用优秀的jQueryUI布局插件创建一个完整的页面界面。但不幸的是，西区无法用鼠标调整大小，我在下图中提到过。我找不到任何解决办法

以下是我使用的代码：

<div class="ui-layout-west">
    <%@include file="abc.jsp"%>
</div>

下面是我的西窗格示例图像

我找到了一个解决方案，看起来您必须为jquery ui包含js。然后，您可以根据需要设置如下所示的可调整大小选项

<html>
<head>
<script src="jquery-latest.js"></script>
<script type="text/javascript" src="jquery-ui-latest.js"></script>
<script src="jquery.layout-latest.js"></script>
<script>
$(document).ready(function () {
    $('body').layout({          
        applyDefaultStyles: true,
        resizable: true,
        east__resizable:false,
        north__resizable:false,
        south__resizable:false,        
 });
});
</script>
</head>
<body>
<div class="ui-layout-center">Center</div>
<div class="ui-layout-north">North</div>
<div class="ui-layout-south">South</div>
<div class="ui-layout-east">East</div>
<div class="ui-layout-west">West</div>
</body>
</html>


$（文档）.ready（函数（）{
$（'body'）。布局（{
applyDefaultStyles:true，
可调整大小：正确，
east__可调整大小：false，
north__可调整大小：false，
south__可调整大小：false，
});
});
居中
北
南方
东边
西部

我给出了一个解决方案。它解决了你的问题还是你在寻找不同的东西@Mayurit为我工作谢谢@Md Salahuddin