Javascript 隐藏后如何删除li空间？

如何隐藏li，并移除其空间。 下面的代码是在图像之间传输的，但是当隐藏前一个li时，会出现空白

<script type="text/javascript">
    $(document).ready(function () {
        var selectedIndex = 1;
        $("#slide" + selectedIndex + " img").fadeIn(500);
        $("ul.captios li").click(function () {
            var id = $(this).attr("id").split("_")[1];
            $("#slide" + selectedIndex + " img").fadeOut(500, function () {
                $("#slide" + id + " img").fadeIn(500);
                $("#slide" + selectedIndex).css("display:none;");
                selectedIndex = id;
            });

        });
    });
</script>

html

 <div id="gal-container">
        <div id="slides-wrapper">
            <ul class="slides">
                <li id="slide1"><img  class="hide" src="imgs/img1.jpg" /></li>
                <li id="slide2"><img  class="hide" src="imgs/img2.jpg" /></li>
            </ul>
        </div>

        <div id="caption-wrapper">
           <ul class="captios">
                <li id="caption_1"><a href="#">img1</a></li>
                <li id="caption_2"><a href="#">img2</a></li>
            </ul>
        </div>
    </div>

你为什么不使用：

        $("#slide" + selectedIndex).hide();

?

或者更好的可能是：

 $("#slide" + selectedIndex).fadeOut(500, function () {
      $("#slide" + id).fadeIn(500);
      selectedIndex = id;
 });

你为什么不使用：

        $("#slide" + selectedIndex).hide();

?

或者更好的可能是：

 $("#slide" + selectedIndex).fadeOut(500, function () {
      $("#slide" + id).fadeIn(500);
      selectedIndex = id;
 });

---

您将css部分写错了：

$("#slide" + selectedIndex).css("display:none;"); // It will return the css 
                                                  //definition for display:none

改用这个：

$("#slide" + selectedIndex).css('display', 'none')

或者隐藏功能，它可以在开箱即用的情况下执行完全相同的操作：

$("#slide" + selectedIndex).hide();

---

您将css部分写错了：

$("#slide" + selectedIndex).css("display:none;"); // It will return the css 
                                                  //definition for display:none

改用这个：

$("#slide" + selectedIndex).css('display', 'none')

或者隐藏功能，它可以在开箱即用的情况下执行完全相同的操作：

$("#slide" + selectedIndex).hide();

你打错了.css。您可以向它传递一个字符串，它是CSS属性的名称，它将充当“getter”，返回该属性的值

或者，您可以向它传递两个字符串，CSS属性的名称和一个值，它们将充当“setter”，将该属性设置为具有该值

因此，不是$slide+selectedIndex.css显示：无；；您需要$slide+selectedIndex.css显示，无

您打错了.css。您可以向它传递一个字符串，它是CSS属性的名称，它将充当“getter”，返回该属性的值

或者，您可以向它传递两个字符串，CSS属性的名称和一个值，它们将充当“setter”，将该属性设置为具有该值

---

因此，不是$slide+selectedIndex.css显示：无；；您需要$slide+selectedIndex.css显示，无

不知道这是否是您的问题，但是……这行代码不正确：

$("#slide" + selectedIndex).css("display:none;");

应该是：

$("#slide" + selectedIndex).css('display', 'none');
// OR
$("#slide" + selectedIndex).hide();

---

不知道这是否是您的问题，但是…这行代码不正确：

$("#slide" + selectedIndex).css("display:none;");

应该是：

$("#slide" + selectedIndex).css('display', 'none');
// OR
$("#slide" + selectedIndex).hide();

---

您的代码中有一个错误。改变

$slide+selectedIndex.css显示：无

到

$slide+selectedIndex.css{display:'none'}；或者$slide+selectedIndex.css'display'，'none'

---

您的代码中有一个错误。改变

$slide+selectedIndex.css显示：无

到

$slide+selectedIndex.css{display:'none'}；或者$slide+selectedIndex.css'display'，'none'

---

幻灯片id在代码中的位置？幻灯片id在代码中的位置？