0

ここでの使用には少し問題がjavascript-ajaxあります。私のページではcontent、ユーザーが class を持つリンクをクリックするたびに、コンテンツを id を持つ div の 1 つに ajax 方式で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..

誰かここで私を助けてください!!

4

1 に答える 1

3

コールバックが成功した後にフェードインを呼び出す...これを試してください

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;
    }); 
});
于 2012-12-10T14:54:38.657 に答える