jquery fadein，fadeout不工作

问题描述：

   <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>

问题是，在元素淡出后，它不会将div元素添加到排名div。jquery fadein，fadeout不工作

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

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

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

答

一定要执行淡出时#response已经到DOM
一定#ranking存在
的div你注射有display: none（所以你不能看到它）

你所有的4点都失败了。所有的divs存在..我不加入他们动态..附加不会做出改变 – 2012-07-31 13:45:32

dammit ..我知道是什么问题..它是显示属性，意外设置为无..因此它没有出现 – 2012-07-31 13:47:01

@DmitryMakovetskiyd所以自从我第一次得到复选标记 – Huangism 2012-07-31 14:11:55

答

因为你有这个

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

你正在改变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>');

答

请删除

style="display:none;"

从code.Its隐藏您的HTML

。

工作演示http://jsfiddle.net/XcPd5/。

jquery fadein，fadeout不工作

相关推荐