文章/答案/技术大牛

发布

社区首页 >问答首页 >Jquery可调整大小不起作用

问Jquery可调整大小不起作用
EN

Stack Overflow用户

提问于 2011-01-19 08:33:04

回答 4查看 2.1K关注 0票数 1

我正在尝试使用jquery-ui可调整大小。

这里我创建了一个可调整大小的：

jQuery("#id404").resizable();

这是我创建了可调整大小后的div。

<div style="right: 7px; top: 120px; left:0%; bottom:340px; position:absolute; overflow:visible; z-index:2; cursor:pointer;">
   <div 
      id="id404" 
      name="resizable_div" 
      class="ui-resizable" 
      style="position:relative; width:100%; height:100%; overflow:hidden;">
   <div class="ui-resizable-handle ui-resizable-e"></div>
   <div class="ui-resizable-handle ui-resizable-s"></div>
   <div class="ui-resizable-handle ui-resizable-se ui-icon ui-icon-gripsmall-diagonal-se" style="z-index: 1001; "></div>
</div>
</div>

现在，这是行不通的。

虽然当我尝试调整div框的大小时，div会变得可调整大小(手柄出现，图标改变等等)，但无论我在做什么，它都保持不变。调整大小的过程确实会发生，因为在调试此过程时，onStop和onStart回调确实会触发。

有人能告诉我我哪里做错了吗？

我认为这与绝对div有关。

谢谢,

Tal

javascript

jquery

resize

resizable

jquery-ui-resizable

回答 4

Stack Overflow用户

发布于 2011-01-19 08:47:39

我认为你在这方面有一个风格问题。您有一个具有固定高度和宽度的容器DIV。您正在将可重新调整大小的DIV放入其中。所以我认为容器DIV阻塞了调整大小的过程。

先试着去掉那个DIV，看看是否不是问题所在。

票数 0

Stack Overflow用户

发布于 2011-01-19 08:49:51

目标ID采用父级的宽度和高度，但有溢出隐藏，因此它不能调整大小超出父级的尺寸。

票数 0

Stack Overflow用户

发布于 2011-01-19 23:45:42

好吧，我知道问题出在哪里了，但我不知道为什么会这样。

好吧，我已经附加到body:onresize事件，这是一个从零开始绘制所有内容的函数。这是因为我有一个完整的网页，每次调整正文的大小，我都希望它被重新渲染。

但是很明显，每次jquery调整div的大小时都会触发这个事件，所以看起来好像什么都没发生。

现在，当我开始调整jquery大小时，我设置了一个全局标志"resize“，并命令重新渲染函数在这个标志为up时返回。

但是我不知道为什么当一个内部div被调整大小时body的事件会被触发。

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/4730605

复制

相似问题

问Jquery可调整大小不起作用
EN

回答 4

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Jquery可调整大小不起作用EN

回答 4

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Jquery可调整大小不起作用
EN