Question

我在这里使用javascript-ajax时遇到了一些问题。在我的页面中，只要用户点击具有类content的链接，并将内容加载到div中，我就会以ajax方式将内容加载到ID为myajaxreq的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;
    }); 
});

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

1 个答案: