代码之家  ›  专栏  ›  技术社区  ›  EvilChookie

jQuery淡出留下了一个小缺口

  •  3
  • EvilChookie  · 技术社区  · 16 年前

     

    总结一下:淡出和删除功能运行良好,但我希望留下的空白也能消失。这是一件小事,但它让我很困扰。

    // Fade out any success divs.
    $(".success").fadeOut(6000, function(){
        $(".success").remove();
    });
    

    通知div是由PHP在回发时编写的,具有以下CSS:

    .success {
        background-color: #b3ffb2;
        border: 1px solid green;
    }
    
    .box {
        margin: 5px;
        padding: 5px;
    }
    

    div非常简单:

    <div class="success box"><p><strong>Success!</strong><br />Done!</p></div>
    

    <div id="wrapper">
    
        <div id="navigation">
            <ul> ... </ul>
        </div>
    
        <div id="container">
            <div class="success box">
                <p><strong>Sucess!</strong><br />
                Done</p>
            </div>
            // more content
        </div>
    
    </div>
    

    odd gap

    3 回复  |  直到 9 年前
        1
  •  1
  •   c_harm c_harm    16 年前

    #container // more content . $.remove()

        2
  •  1
  •   psychotik    16 年前

    尝试hide()而不是remove?

        3
  •  0
  •   EvilChookie    16 年前

    我解决了,有一个 <br>

    因此,为了隐藏div后面的第一个元素,我将jquery更改为:

    $(".success").fadeOut(6000, function(){
        $(".success + br").remove();
    });
    

    jQuery Manual .