当我最大化窗口或返回窗口模式时,$(window).resize()事件在Chrome中不起作用

时间:2014-03-04 06:22:51

标签: javascript jquery google-chrome

包含“resize”事件的以下函数在我通过使用鼠标拖放边框来调整窗口大小时工作正常,但是当我最大化浏览器或我恢复窗口时脚本不起作用。它在其他浏览器中运行良好。

可能是什么原因?

(function ( $ ) {
    jQuery.fn.font_resizer = function () {
        var self = jQuery(this);
        var fontSize = self.css('fontSize').slice(0, -2);
        var lineH = self.css('lineHeight').slice(0, -2);
        jQuery(self).resize_font(self, fontSize, lineH);

        jQuery(window).on('resize', function() {
           jQuery(self).resize_font(self, fontSize, lineH);
        });
    };
    } (jQuery));

1 个答案:

答案 0 :(得分:1)

这适用于Chrome版本42.0.2311.90 m。

{{1}}适用于窗口最大化以及调整窗口边框的大小。它不适用于窗口最小化/恢复,因为大小不会改变,所以这不应该影响你。

JSFiddle:https://jsfiddle.net/seadonk/jafdoex8/

我没有看到你的font_resize事件的声明,所以我自己做了,只根据窗口宽度和高度设置字体大小和行高。

{{1}}