0 
$(function(){    
       $(document).ready(function() {  
    $('#demo_content').html('<img src="http://v.com/ajax-loader-1.gif"alt="Wait" />');

        $('#demo_content').load('http://vbizmarketing.com/myphp.php?nice=9176198');
        return false;
        cache:false

    });
});

これは驚異的に機能し、スタックオーバー フロー コミュニティが元の問題を解決してくれたことに感謝しています。

$('#demo_content').html('画像はこちら');

別の div で、読み込み中の画像を中央に配置し、実際に別のファイルから取得している左揃えのテキストに配置しないようにします。

提案やアドバイスは大歓迎です。

ありがとうございました

4

3 に答える 3

2

画像を中央に配置するCSSルールだけですか？

別の div で、読み込み中の画像を中央に配置し、実際に別のファイルから取得している左揃えのテキストに配置しないようにします。

いくつかのCSSとコールバックでそれを行うことができます.load()

CSS:

#loading{
    text-align:center;
    display:none;
}

マークアップ:

<div id="demo_content">
    <div id="loading">
        <img src="http://vbizmarketing.com/ajax-loader-1.gif"alt="Wait" />
    </div>
    <div id="content"></div>
</div>

スクリプト。

$(function() {
    $("#loading").show(); //show the loading div.

    $('#content').load('http://vbizmarketing.com/myphp.php?nice=9176198', function() {
        $("#loading").hide(); //use the callback function for the load method to hide the loading div
    });
});

jsfiddle のコード例。

于 2011-03-21T23:44:28.557 に答える
1

私はあなたが何を達成しようとしているのか/問題を抱えているのかはっきりしていません。しかし、このようなシナリオでは、私は次のことを行いました。

function loadImage()
{
    $('div#container')
        .html(  "<img class='spinner' src='" + ajax spinner path + "'/>"  )
        .fadeIn();

    var newImg = new Image();
    $(newImg)
        .load( function()
            {
                $('div#container')
                    .stop()
                    .css({
                        'opacity'   :'1.0'
                    })
                    .html(newImg);

                $(this)
                    .hide()
                    .fadeIn();
            }
         )
        .attr(  'src'   , ' new image path here ' )
        .error( function()
            {
                $('div#container')
                .html( "<img src='" + loadFailUrl+ "'/>" )
            }
        );
}

したがって、最初にコンテナdivに.htmlを追加します。これは、読み込み中のグラフィックへのパスになります。

関数の2番目の部分は、新しいImage要素を作成し、loadイベントとerrorイベントをアタッチします。src .attrを追加すると、srcパスが定義され、ロードが開始されます。

loadイベントには、匿名のコールバック関数が含まれています。この関数は、実行中の場合、現在のfadeIn（）アニメーションで停止を呼び出し、新しく作成された画像をhtmlに追加します（同時に、読み込み中のグラフィックを削除します）。

最後に、画像はfadeIn（）シーケンスを取得します。

これを行う方法は約17,233しかありません。私は過去にこれをうまく使用しました...

乾杯！

于 2011-03-22T00:14:29.103 に答える
0 
$("#div").ajaxStop(function(){  
    $(this).hide();  
});

この機能は、コンテンツが読み込まれると読み込みバーを非表示にします。アドバイスありがとうございます。

于 2011-03-21T23:58:53.570 に答える