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

我在这里使用

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

---

请有人帮帮我

成功回调后呼叫淡入。。。试试这个

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

这里是整个代码（未测试）

---

成功后调用淡入回调。。。试试这个

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

这里是整个代码（未测试）

---

+1.此外，无需将空数组作为第二个参数传递。我对javascript和ajax有点陌生。所以，请不要介意：但是每当我把你的代码粘贴到我的js文件中，整个css都会迷失方向！！我是否需要删除问题中显示的先前javascript代码？？？+1。此外，无需将空数组作为第二个参数传递。我对javascript和ajax有点陌生。所以，请不要介意：但是每当我把你的代码粘贴到我的js文件中，整个css都会迷失方向！！我是否需要删除问题中显示的以前的javascript代码？？