0 
             <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>');
                                            });

コールバック関数が機能していません..なぜ?!!?

4

4 に答える 4

1

これ持ってるから

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

htmlをそれに変更しているため、表示なしであるため、表示されません

于 2012-07-31T13:46:02.407 に答える
1
  • #responseDOM に既に入っている場合は、必ず fadeOut を実行してください。
  • 必ず#ranking存在する
  • divあなたが注入している（display: noneあなたがそれを見ることができないように）
于 2012-07-31T13:43:22.573 に答える
1

プロパティ 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>');
于 2012-07-31T13:49:33.663 に答える
0

削除してください

style="display:none;"

あなたのコードから.htmlを隠しています。

http://jsfiddle.net/XcPd5/で動作するデモ。

于 2012-07-31T14:00:15.390 に答える