Jquery ui jQuery UI布局:sizePane()正在重置我的选项
早上好 在调用sizePane之后,jQuery UI布局似乎正在重置我的选项。当我将以下内容加载到FireFox中,然后单击Resize按钮时,north窗格突然变为可调整大小,并且热键突然再次启用。我做错了吗?还是这是一只虫子Jquery ui jQuery UI布局:sizePane()正在重置我的选项,jquery-ui,jquery-layout,Jquery Ui,Jquery Layout,早上好 在调用sizePane之后,jQuery UI布局似乎正在重置我的选项。当我将以下内容加载到FireFox中,然后单击Resize按钮时,north窗格突然变为可调整大小,并且热键突然再次启用。我做错了吗?还是这是一只虫子 <html> <head><title>Layout Test</title></head> <link href="css/jquery-ui.custom.css" rel="stylesheet
<html>
<head><title>Layout Test</title></head>
<link href="css/jquery-ui.custom.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="js/jquery-1.4.4.min.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.8.7.custom.min.js"></script>
<script type="text/javascript" src="js/jquery.layout-1.2.0.js"></script>
<script language="JavaScript">
jQuery(document).ready(documentReady);
function documentReady(){
jQuery('body').layout({
defaults: {
applyDefaultStyles: true
},
north: {
enableCursorHotkey: false,
closable: false,
resizable: false
},
center: {
}
});
}
</script>
<body>
<div class="ui-layout-north">
North Pane
</div>
<div class="ui-layout-center">
Center Pane
<input type="button" value="Resize" onclick="jQuery('body').layout().sizePane('north',100);" />
</div>
</body>
好的,我相信我已经找到了解决办法。第二次调用jQuery'body'。layout会用一个全新的布局对象替换我以前的布局对象,重置所有选项 解决方案是保留对原始声明的引用,并对该对象进行操作,如下所示:
<html>
<head><title>Layout Test</title></head>
<link href="css/jquery-ui.custom.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="js/jquery-1.4.4.min.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.8.7.custom.min.js"></script>
<script type="text/javascript" src="js/jquery.layout-1.2.0.js"></script>
<script language="JavaScript">
jQuery(document).ready(documentReady);
var myLayout;
function documentReady(){
myLayout = jQuery('body').layout({
defaults: {
applyDefaultStyles: true
},
north: {
enableCursorHotkey: false,
closable: false,
},
center: {
enableCursorHotkey: false,
closable: false,
}
});
}
</script>
<body>
<div class="ui-layout-north">
North Pane
</div>
<div class="ui-layout-center">
Center Pane
<input type="button" value="Resize" onclick="myLayout.sizePane('north',100);" />
</div>
</body>
</html>
此外,必须删除resizeable:false选项,否则对sizePane的调用将不会产生任何影响。好的,我相信我已经找到了解决方案。第二次调用jQuery'body'。layout会用一个全新的布局对象替换我以前的布局对象,重置所有选项 解决方案是保留对原始声明的引用,并对该对象进行操作,如下所示:
<html>
<head><title>Layout Test</title></head>
<link href="css/jquery-ui.custom.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="js/jquery-1.4.4.min.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.8.7.custom.min.js"></script>
<script type="text/javascript" src="js/jquery.layout-1.2.0.js"></script>
<script language="JavaScript">
jQuery(document).ready(documentReady);
var myLayout;
function documentReady(){
myLayout = jQuery('body').layout({
defaults: {
applyDefaultStyles: true
},
north: {
enableCursorHotkey: false,
closable: false,
},
center: {
enableCursorHotkey: false,
closable: false,
}
});
}
</script>
<body>
<div class="ui-layout-north">
North Pane
</div>
<div class="ui-layout-center">
Center Pane
<input type="button" value="Resize" onclick="myLayout.sizePane('north',100);" />
</div>
</body>
</html>
此外,必须删除resizeable:false选项,否则对sizePane的调用将不会产生任何影响。您可以将此选项添加到窗格:
动画动画化:true您可以将此选项添加到窗格:
动画动画化:真的啊,这太烦人了。。。我正在处理其他人的代码,我花了很长时间才找到他们原来的$body.layout!我希望我能把它叫到任何地方!啊,这太烦人了。。。我正在处理其他人的代码,我花了很长时间才找到他们原来的$body.layout!我希望我能把它叫到任何地方!