2015-07-10 40 views
1

我有以下的javascript功能:执行jQuery函数图像已经装上窗后调整

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

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

显示错误我已经在FIDDLE:只需调整浏览器几次,然后按照提示消息:它有时会输出0

+0

多少带班元素'.slider img'是在文件? – messerbill

+1

使用'console.log'而不是'alert',并在调整大小时监视控制台。 (在浏览器中点击f12)会更容易看到发生了什么 – andrew

+0

有三个.slider绝对定位的div,每个包含一个图像。所以有三个图像。 –

回答

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

希望这是你的搜索内容