php - Jquery从其他文件中获取动画文本

Question

我正在使用 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);
        }); 
    }
});

Answer 1

尝试这个：

HTML：

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

JS：

$('#crPanel').load('getNewPosts.php', function(data) {
    $("#myDiv").fadeIn(data); 
    setTimeout(refreshEPosts, 1500);
});

Answer 2

你必须对返回的数据做一些实际的事情。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);
});

Answer 3

只需将$('#crPanel').load()返回的 HTML 放入#crPanelwhen succeed 中，这样就无需在 success 函数中处理返回的数据。

由于fadeIn()没有接受您要显示的数据的参数，因此$('#crPanel').fadeIn(data);在这种情况下调用将不起作用，只需使用$('#crPanel').fadeIn();它，我相信它会很好地工作。

Answer 4

也许这样的事情会起作用：

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

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

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

您可以在这个 jsFiddle 中看到它的工作原理：http: //jsfiddle.net/M93Cn/