javascript - 在窗口调整大小时加载图像后执行 jquery 函数

Question

我有以下 JavaScript 函数:

function reglare(){
    alert("Inaltime imagine= "+$(".slider img").height());
}

我在窗口调整大小时调用该函数，如下所示:

$(window).resize(function(){
    reglare();
});

大多数时候输出是图像高度，但有时输出是0。

如何解决此问题，以便在每次调整窗口大小时都能获得实际图像大小？

稍后编辑:为什么我需要这个？

代码是这样的:

<div id="slideshow" class="latime_100">

        <img src="poze/sageata_st.png" class="navigare" id="navigare_st" onclick="go_prev();"></img>

        <div id="slider_1" class="slider" >

            <img src="../poze/imagine_slide1_iul_fade.png"></img>


        </div>

        <div id="slider_2" class="slider">

            <img src="../poze/imagine_slide2_iul_fade.png"></img>


        </div>

        <div id="slider_3" class="slider">

            <img src="../poze/imagine_slide3_iul_fade.png"></img>


        </div>

        <img src="poze/sageata_dr.png" class="navigare" id="navigare_dr" onclick="go_next();"></img>
    </div>

我有一个容器 div 幻灯片，它是相对位置的，包含更多绝对定位的 div。因为它们是绝对位置，所以容器不会随内容扩展，因此下面的内容会重叠。

这是一个 fiddle :https://jsfiddle.net/g6ppqxLf/5/

要显示我在 FIDDLE 中遇到的错误:只需调整浏览器大小几次并按照警报消息操作:有时会输出 0。

Answer 1

jquery 类选择器返回一个数组。

https://api.jquery.com/class-selector/

function reglare(){
  for (var i = 0; i < $("img.slider").length; i++){
    alert($("img.slider")[i].attr("height");
  }
}

这会提醒 .slider 类中每个图像的属性高度

希望这是您搜索的内容