javascript - 使用 ajax javascript 将内容加载到网页中的 div 中

Question

我在javascript-ajax这里使用有点问题。在我的页面中content，每当用户单击具有 class 的链接时，我以 ajax 方式myajaxreq将内容加载到具有 id 的 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;
    }); 
});