【问题标题】:How can I detect whenever a <div> is resized using javascript/jQuery [duplicate]每当使用 javascript/jQuery 调整 <div> 的大小时,我如何检测 [重复]
【发布时间】:2014-03-09 14:34:20
【问题描述】:

我知道$(window).resize(function () {.....});,但这仅在调整窗口大小时才有效。

我尝试将此事件附加到例如$("#some-div").resize(function () {.....}); 就不行了。

还有其他使用纯 Javascript 或 jQuery 的方法吗?

JSFiddle

谢谢

【问题讨论】:

  • 是什么让 div 被调整大小?
  • 如果有帮助,您可以创建自定义事件并手动触发它。这里jsfiddle.net/GnGQf/2
  • 不确定.. 一次尝试$(document).on('resize', "#some-div", function() {/* code here */});

标签: javascript jquery resize


【解决方案1】:

也许这会有所帮助。

https://hacks.mozilla.org/2012/05/dom-mutationobserver-reacting-to-dom-changes-without-killing-browser-performance/

仅使用事件可能很难检测到更改。向 div 添加文本可能会导致调整大小,但触发的事件不会显示。

【讨论】:

    【解决方案2】:

    你可以试试

    var divresize = $('#div_name').width();
            $(window).resize(function(){
                if($('#div_name').width() < divresize){
                    alert('Your div has been resize')
                }
            })
    

    【讨论】:

    • 这仅在窗口调整大小时有效。每次我的 div 都会调整窗口的大小。
    • 嗯,实际上这就是你的要求,放大请求,看看你想要用这个实现什么;)!!!
    猜你喜欢
    • 1970-01-01
    • 2011-03-01
    • 2013-02-05
    • 1970-01-01
    • 1970-01-01
    • 2017-06-13
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多