我有一个基本上是 a<ul>
和 5的站点,<li>
我只是使用 jQuery bxSlider 使其左右滑动,但是由于其中一个中的内容<li>
很长,因此该站点在任何其他元素上看起来都是这样,即使其中唯一的内容另一个<li>
是图像。所以我想使用 jQuery 调整高度(强制它)并执行以下操作:
if($('#slider1:nth-child(0)').is(':visible'))
alert("1");
else if($('#slider1:nth-child(1)').is(':visible'))
alert("2");
但是现在测试我总是得到第二个警报,即使我是最后一个孩子。知道我做错了什么或如何做到这一点吗?我的 HTML 很简单:
<ul id="slider1" style="border=100px;">
<li>
<div id="menu" class="nivoSlider">
<img src="picsHOME/home0.jpg" alt="" />
<img src="picsHOME/home1.jpg" alt="" />
<img src="picsHOME/home2.jpg" alt="" />
<img src="picsHOME/home4.jpg" alt="" />
<img src="picsHOME/home5.jpg" alt="" />
<img src="picsHOME/home6.jpg" alt="" />
<img src="picsHOME/home7.jpg" alt="" />
<img src="picsHOME/home8.jpg" alt="" />
</div>
</li>
<li>
<div id="nosotros">
<img src="nosotros.jpg" alt="" /> <p>
<img src="NOSOTROS-MISION.jpg" alt="" /><p>
<img src="FOTOS-NOMBRES.jpg" alt="" />
</div>
</li>
<li>
<div id="servicios">
<img src="servicios.jpg" alt="" />
<img src="SERVICIOStest.jpg" alt="" />
</div>
</li>
<li>
<img src="portafolio2.jpg" /><p>
<a href="http://issuu.com/citro_ids/docs/citro_ids_portafolio_2012?mode=window&backgroundColor=%23222222" />
<img src="port_link.png" /> <p></a>
<img src="VERSION-DESCARGABLE2.jpg" />
</li>
</ul>