jQuery .resize()在Chrome上无法正常运行

时间:2012-09-13 14:13:32

标签: jquery google-chrome resize

我正在尝试使用jQuery创建一个滚动插件。我需要捕获容器元素调整事件大小以设置新大小的滚动位置。但是我坚持这个问题:.resize()在Chrome上不适用于任何元素而是窗口。

有没有办法用jQuery或JavaScript来调整事件大小?我也尝试过设置onresize属性,但它会触发一次。我在下面添加了jsFiddle链接。

2 个答案:

答案 0 :(得分:2)

来自MDN

  

只有window对象有onresize事件。

jQuery docs也只提到window

也许你可以从jQuery resize event plugin中受益,它似乎完全符合你的需要。

编辑:这是包含该插件的updated fiddle。代码是相同的,但它可以正常工作,因为它包含插件(请参阅小提琴中的“添加资源”选项卡)。

答案 1 :(得分:1)

为什么你想在除窗口之外的任何地方调整大小?

如果是因为您需要观看减少div大小的DOM元素,那么只需触发调整大小事件即可。

$(window).trigger('resize')