Question

我有一个基本上是<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>

Answer 1

直接来自jQuery文档：

因为jQuery的实现：nth-child（n）严格来自CSS规范，所以n的值是“1-indexed”，这意味着计数从1开始。

http://api.jquery.com/nth-child-selector/

您应该从:nth-child(1)

开始

如果您想使用基于0的方法：

if($('#slider1 li:eq(0)').is(':visible'))
        alert("1"); 
    else if($('#slider1:eq(1)').is(':visible'))
        alert("2");

:eq将分别给你1和第2个li。

如何调整本网站的高度？

1 个答案: