0

jQueryの「ロード」機能を使用して、外部PHPファイルから製品の名前とその説明を取得しています。さらに、このテキストを、fadeIn() 関数を使用してページに表示したいと考えています。jQueryコードでそれを行うにはどうすればよいですか?

$('document').ready(function() {
    refreshEPosts();
    function refreshEPosts(){
        $('#crPanel').load('getNewPosts.php', function(){
            setTimeout(refreshEPosts, 1500);
        });
    }
});

アップデート

$('document').ready(function() {
    refreshEPosts();
    function refreshEPosts(){
        $('#crPanel').load('getNewPosts.php', function(data) {
            //For now, lets just log the data
            console.log(data); //should be your echo'd php stuff

            setTimeout(refreshEPosts, 1500);
            $('#crPanel').fadeIn(data);
        }); 
    }
});
4

4 に答える 4

0

これを試して：

HTML: 

<div id="myDiv"></div>

JS:

$('#crPanel').load('getNewPosts.php', function(data) {
    $("#myDiv").fadeIn(data); 
    setTimeout(refreshEPosts, 1500);
});
于 2013-07-30T14:42:33.463 に答える
0

返されたデータを実際に処理する必要があります。loadコールバックにパラメーターを追加して使用します。

$('#crPanel').load('getNewPosts.php', function(data) {
    //For now, lets just log the data
    console.log(data); //should be your echo'd php stuff

    setTimeout(refreshEPosts, 1500);
});
于 2013-07-30T14:27:55.647 に答える
0

$('#crPanel').load()返された HTML を when success に配置するだけな#crPanelので、success 関数で返されたデータを処理する必要はありません。

fadeIn()表示したいデータを受け入れるパラメーターがないため、この場合、呼び出しは$('#crPanel').fadeIn(data);機能しません。使用するだけで、$('#crPanel').fadeIn();かなりうまく機能すると思います。

于 2013-07-30T15:06:43.357 に答える
0

たぶん、このようなものがうまくいくでしょう：

$('document').ready(function() {
    refreshEPosts();

    function refreshEPosts(){
        $('#crPanel')
            .hide()
            .load('getNewPosts.php', function() {
                $('#crPanel').fadeIn();

                setTimeout(refreshEPosts, 1500);
            }); 
    }
});

この jsFiddle で原則として動作していることがわかります: http://jsfiddle.net/M93Cn/

于 2013-07-30T15:04:54.117 に答える