JQuery получить анимированный текст из другого файла

Question

Я получаю имя продукта & его описание из внешнего PHP-файла с помощью функции загрузки «jQuery». Кроме того, я хочу, чтобы этот текст отображался на странице с помощью функции fadeIn(). Как я могу это сделать в моем коде jQuery?

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

UPDATE

$('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

Вы должны сделать что-то с данными возврата. Добавить параметр в свой 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 2

Попробуйте это:

HTML:

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

JS:

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

Answer 3

Может быть что-то, как это будет работать :

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

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

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

Вы можете видеть, что это работает, в принципе, в этом jsFiddle: http://jsfiddle.net/M93Cn/

Answer 4

$('#crPanel').load() просто поместите возвращаемый HTML в #crPanel когда успех, так что нет необходимости иметь дело с возвращенными данными в функции успеха.

Как fadeIn() не имеет параметра, которые принимают данные, которые вы хотите отобразить, вызывая $('#crPanel').fadeIn(data); не будет работать в этом случае, просто использовать $('#crPanel').fadeIn();, и я считаю, что это будет работать очень хорошо.