jquery fadein，fadeout不工作

问题是，在元素淡出后，它不会将div元素添加到排名div中

             <div id="ranking">
                                    <div id="ranking_wrapper">
                                        <h5>Select site ranking</h5>
                                        <img src="images/star.png" width="23" height="23" alt="" border="0">
                                        <input type="hidden" name="sitename" value="webcamking">
                                        <input type="radio" name="rank" value="1">1
                                        <input type="radio" name="rank" value="2">2
                                        <input type="radio" name="rank" value="3" checked="checked">3
                                        <input type="radio" name="rank" value="4">4
                                        <input type="radio" name="rank" value="5">5
                                        <img src="/images/star.png" width="23" height="23" alt="" border="0">
                                        <p><input type="submit" value="Rank This Site" id="rank_submit"></p>
                                    </div>

                                    <div id="response" style="display:none;" >
                                        <h5>Loading...</h5>
                                        <img src='images/ajax_loader.gif' class='img_center'/>
                                    </div>
                                        </div>
                            <script>
                                        $("#rank_submit").click(function(){

                                          $("#ranking_wrapper").fadeOut(0);
                                            $("#response").fadeIn('slow');
                                            $("#response").fadeOut('slow',function(){

                                                 $("#ranking").html('<div id="response" style="display:none;"> Thanks you for ranking webca.</div>');
                                            });

                                        });
                            </script>

回调函数不工作..为什么

确保在响应已经进入dom时执行淡出 确保排名存在 正在注入的div显示为：none，因此您无法看到它 确保在响应已经进入dom时执行淡出 确保排名存在 正在注入的div显示为：none，因此您无法看到它 因为你有这个

         $("#response").fadeOut('slow',function(){

                                                 $("#ranking").html('<div id="response" style="display:none;"> Thanks you for ranking webca.</div>');
                                            });

您正在将html更改为该格式，因此它是display none，因此您不会看到它，因为您有这个

         $("#response").fadeOut('slow',function(){

                                                 $("#ranking").html('<div id="response" style="display:none;"> Thanks you for ranking webca.</div>');
                                            });

---

您正在将html更改为该格式，因此它是display none，因此您将看不到它

为什么要添加属性style=display:none

替换代码

<div id="response" style="display:none;"> 

---

添加特性style=display的原因：无

替换代码

<div id="response" style="display:none;"> 

请移开

$("#ranking").html('<div id="response" style="display:none;"> Thanks you for ranking webca.</div>');


 $("#ranking").html('<div id="response"> Thanks you for ranking webca.</div>');

从你的代码。它隐藏你的html

正在进行演示。

请删除

$("#ranking").html('<div id="response" style="display:none;"> Thanks you for ranking webca.</div>');


 $("#ranking").html('<div id="response"> Thanks you for ranking webca.</div>');

从你的代码。它隐藏你的html

---

在进行演示时。

您的所有4点都失败。所有div都存在..我不会动态添加。。追加不会进行任何更改。。我知道问题是什么。。它是display属性，意外设置为none。。因此它没有appear@DmitryMakovetskiyd那么，从我出生起，我就被选中了吗first@DmitryMakovetskiyd这不是我的答案。你的四点都不及格。所有div都存在..我不会动态添加。。追加不会进行任何更改。。我知道问题是什么。。它是display属性，意外设置为none。。因此它没有appear@DmitryMakovetskiyd那么，从我出生起，我就被选中了吗first@DmitryMakovetskiyd这不是我的答案