javascript - fadeOut 函数使整个页面内容消失

Question

基本上，我试图通知用户他们是否成功添加了他们的文件，并且通知在 3 秒后消失。问题是我的整个页面都消失了，而不仅仅是通知。它与我的其他页面一起工作，只是想知道为什么它在这个页面上的工作方式不同。 session 变量是根据我检查的内容设置的。

脚本代码如下:

<script src="<?php echo base_url();?>js/jquery-1.11.0.min.js"></script>
    <script type = 'text/javascript'>
    $(function(){
        $('.success').fadeOut(3000);
        $('.failure').fadeOut(3000);
    });
    </script>

页面代码如下:

    <?php
if(isset($_SESSION['success'])){
    echo "<div class = 'success'>".$_SESSION['success']."</div>";
    unset($_SESSION['success']);
}
else if(isset($_SESSION['fail'])){
    echo "<div class = 'failure'>".$_SESSION['fail']."/div";
    unset($_SESSION['fail']);
}
?>
<div>//some form code here</div>

Answer 1

我的猜测是因为您在 div 关闭时缺少“<”和“>”:

echo "<div class = 'failure'>".$_SESSION['fail']."/div";

由于 div 没有关闭页面的其余部分可能会被解释为它的一部分。

看看这是否有效:

echo "<div class = 'failure'>".$_SESSION['fail']."</div>";