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

时间:2015-07-10 13:04:53

标签: javascript jquery

我有以下javascript函数:

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

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

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

大多数情况下输出是图像高度,但有时输出为0.

如何解决此问题,以便在窗口调整大小时实际调整图像大小?

LATER EDIT:我为什么需要这个?

代码是这样的:

<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幻灯片,其position relative包含更多absolute positioned个div。因为它们是绝对位置,所以容器不会随内容扩展,因此下面的内容会重叠。

这是一个小提琴:https://jsfiddle.net/g6ppqxLf/5/

显示我在FIDDLE中出现的错误:只需调整浏览器的大小几次并按照警告消息:它有时会输出0.

1 个答案:

答案 0 :(得分:0)

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

警告每个图像的属性高度

希望这是您搜索的内容