Css 如何使用调整大小栏处理调整大小事件?
我已经为我的问题及其相关内容创建了一个简单的示例。 基本上我想要两样东西:Css 如何使用调整大小栏处理调整大小事件?,css,jquery-ui,jquery-plugins,jquery,Css,Jquery Ui,Jquery Plugins,Jquery,我已经为我的问题及其相关内容创建了一个简单的示例。 基本上我想要两样东西: 在调整窗口大小时,回流图表的大小以适合其容器 当调整大小栏移动时,将图表的大小回流以适合其容器 注意:我使用的是布局管理,我不知道如何使用移动的调整大小栏处理调整大小事件 我在这方面工作了很长时间,仍然在寻找答案。感谢所有提供意见或建议的人。好的,要在JQuery UI版面中触发调整大小事件,您可以为整个版面或版面的每个部分触发事件 使用您的JSFIDLE示例。。。可以按如下方式触发调整视图大小的西部布局: myLayo
我在这方面工作了很长时间,仍然在寻找答案。感谢所有提供意见或建议的人。好的,要在JQuery UI版面中触发调整大小事件,您可以为整个版面或版面的每个部分触发事件 使用您的JSFIDLE示例。。。可以按如下方式触发调整视图大小的西部布局:
myLayout = $('body').layout({
// ...
west__onresize: function () {
alert('only when west layout is redrawn') },
myLayout = $('body').layout({
// ...
onresize: function () {
alert('whenever anything on layout is redrawn.') },
整个布局可以按如下方式触发:
myLayout = $('body').layout({
// ...
west__onresize: function () {
alert('only when west layout is redrawn') },
myLayout = $('body').layout({
// ...
onresize: function () {
alert('whenever anything on layout is redrawn.') },
每当任何视图调整大小时,都会点击这些按钮。这也包括窗口大小调整事件 您的JSFIDLE示例是一个不会拖动的大小调整器。当我点击它时,它只是调整大小。这是故意的吗?谢谢你的评论,也许JSFIDLE上的问题,它在我的项目中确实有效,但是当我尝试在JSFIDLE上重新创建它时,它在完全相同的参数设置下不起作用。但是单击调整大小也解释了我的问题,如果它可以处理我单击调整大小的情况,那么它将解决我的问题。有趣的是,当我们调整南窗格的大小时,它会起作用。有什么方法可以处理打开和关闭西窗格的大小调整?只需添加
onresize:function(){
。无论是窗口大小调整还是拖动工具栏,都会触发此操作。非常感谢!这是一个很好的答案和解决方案。尽管我仍在寻找一种方法来调整图表大小而不刷新它(只是希望它不要每次都加载数据),但是你的答案已经足够好了,这正是我要找的问题。谢谢,我一直在考虑这个问题,但是我需要在那里为setSize()做一些计算
方法。你知道我如何获得west\uu size
的值吗?如果我只是在我的函数中添加west\uu size
,它将不会被解决。谢谢你的时间!这只在调整浏览器窗口大小时起作用。如果调整窗口内的分隔符大小,则不起作用。如何使其起作用?