使用Ajax JavaScript將內容加載到網頁中的div中

Question

我在這里使用javascript-ajax時遇到了一些問題。 在我的頁面中，每當用戶單擊具有myajaxreq類的鏈接時，我就會以ajax的方式將內容加載到具有id content的div之一中，並且內容以淡入淡出的方式加載到div中。 我正在使用的JavaScript是

$(document).ready(function(){
    $("#content").load($('.myajaxreq:first').attr('href'));
});


$('.myajaxreq').click(function() {
    var myhref=$(this).attr('href');
    $('#content').hide().load(myhref).fadeIn('slow');

    return false;
}); 

---

所有這些都可以在localhost很好地工作，但是當我將其放到網上，然后單擊這些鏈接時，則：首先，淡入淡出地加載div中最初存在的相同內容。 幾秒鍾后，將加載新內容。

我想我缺少某種

if(content document is ready)
     then load in a fade in manner
         and so on..

請有人在這里幫助我！

Answer 1

成功回調后調用淡入...嘗試一下

var jContent = $('#content').hide();
jContent.load(
        myhref,
        {},
        function(){
            jContent.fadeIn('slow');
        }
    );

這里的整個代碼（未經測試）

$(document).ready(function(){
    var jContent = $("#content").load($('.myajaxreq:first').attr('href'));

    $('.myajaxreq').click(function() {
        var myhref=$(this).attr('href');
        jContent
          .hide()
          .load(
            myhref,
            {},
            function(){
                jContent.fadeIn('slow');
            }
        );

        return false;
    }); 
});