使用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;
    }); 
});