jquery fadein，fadeout不工作

Question

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

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

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

回調函數不工作..爲什麼？!!？

Answer 1

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

Answer 2

因爲你有這個

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

你正在改變HTML到這一點，所以它是沒有顯示，所以你不會看到它

Answer 3

爲什麼你必須添加屬性風格=「顯示：無」

代碼替換

$("#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>'); 

Answer 4

請刪除

style="display:none;" 

從code.Its隱藏您的HTML

。

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