javascript – jquery在控制台中工作,但不在链接的js文件中

2023年6月19日 221次阅读

我正在使用jQuery脚本根据其维度添加类(纵向或横向).然后我使用jQuery垂直居中图像.当我将它放到控制台中时,脚本运行得很好,但是当我将它链接到文档头时,它就不能正常工作.这是我的代码：

jQuery( document ).ready(
    function() {
        jQuery(".imgResize").each( function () {
            var $this = jQuery(this);
            if ( $this.width() > $this.height() ) {
                $this.addClass("landscape");
            } else if ( $this.width() < $this.height() ) {
                $this.addClass("portrait");
            } else {
        }
        var $h = $this.height();
        $this.css('margin-top', + $h / -2 + "px");
    });
});

什么会导致这个问题？

最佳答案 您需要等待加载图像

jQuery(document).ready(function () {
    jQuery(".imgResize").on('load', function () {
        var $this = jQuery(this);
        if ($this.width() > $this.height()) {
            $this.addClass("landscape");
        } else if ($this.width() < $this.height()) {
            $this.addClass("portrait");
        } else {

        }
        var $h = $this.height();
        $this.css('margin-top', +$h / -2 + "px");
    });
});
点赞