làm thế nào để animate jquery tải()

Question

hello im bằng cách sử dụng mã này để tải nội dung từ một tập tin php.

$(document).ready(function(){ 
      setInterval(function(){ 
           $('.live-stream ul').each(function(){ 
            $(this).load('tx.php'); 
         }); 
       }, 1000); 

     }); 

hoạt động này đúng nhưng tôi muốn tập lệnh thành fadeTrong "li" khi thêm bản ghi mới, bất kỳ ai?

điều tôi muốn làm là thứ gì đó giống như nguồn cấp dữ liệu hành động người dùng trực tiếp của facebook ở trên cùng bên phải của trang chủ facebook

Answer 1

bạn đã thử cái này chưa?

$(document).ready(function(){ 
    setInterval(function(){ 
     $('.live-stream ul').each(function(){ 
      $(this).load('tx.php').fadeIn('1000'); 
     }); 
    }, 1000); 
}); 

hmmm, những gì về vấn đề này một

$(function(){ 
//Fade in all objects. 
var wrapper = $("live-stream ul"); 
$(wrapper).hide(); 

function fadeInAll(elem, fadeInTime, timeBetween) 
{ 
    for(i=0; i<elem.size(); i++) 
    { 
     $(elem[i]).delay(i*(timeBetween+fadeInTime)).fadeIn(fadeInTime);  
    } 
} 

fadeInAll($(wrapper), 1000, 500); 

}); 

Answer 2

gì nếu bạn gọi phương thức fadeIn

$(this).load('tx.php').fadeIn(400); 

Answer 3

Hãy thử một cái gì đó như thế này:

$(document).ready(function(){ 
    setInterval(function(){ 
     $('.live-stream ul').each(function(){ 
      $(this).hide().load('tx.php').fadeIn('500'); 
     }); 
    }, 1000); 

}); 

Lưu ý việc sử dụng fadeIn() và hide() ... Bạn không cần ẩn nếu bạn đã ẩn số <li>.

Answer 4

gọi handler khi tải

$(document).ready(function(){ 
    setInterval(function(){ 
     $('.live-stream ul').each(function(){ 
       $(this).load('tx.php', function(){ 
         $('li').fadeIn("normal"); 
          }); 
       }); 
     }, 1000); 

    }); 

Answer 5

$ (này) được hiển thị trước khi .fadeIn ("1000") sẽ được thực hiện. Trước tiên, bạn phải che giấu thành phần được chọn, tải các nội dung và sau đó fadeIn, như thế này:

$(document).ready(function(){ 
    setInterval(function(){ 
     $('.live-stream ul').each(function(){ 
      $(this).hide().load('tx.php').fadeIn("1000"); 
     }); 
    }, 1000); 

}); 

Hoặc ẩn những yếu tố với css:

display: none; 

EDIT: nên được một cái gì đó như thế này, nhưng nó không được kiểm tra ...

$(document).ready(function(){ 
    setInterval(function(){ 
     var streamListElement = $(document.createElement("li")).load('tx.php').hide(); 
     $('.live-stream ul').append(streamListElement).find(":hidden").fadeIn("3000"); 
    }, 1000); 
}); 

Answer 6

sử dụng callback nhưng ẩn li sử dụng CSS display: none; fadeIn nên làm việc sau đó.

$(document).ready(function(){ 
    setInterval(function(){ 
     $('.live-stream ul').each(function(){ 
       $(this).load('tx.php', function(){ 
         $(this).find('li').fadeIn(); 
          }); 
       }); 
     }, 1000); 

    }); 

Answer 7

Bạn phải ẩn thông tin trước tiên.

$(this).hide().load("tx.php").fadeIn('500'); 

Answer 8

Tôi không nghĩ bạn có thể sử dụng hoạt ảnh trực tiếp trên tải(). Nhưng đây là mẹo tôi đã sử dụng:

$("#id").animate({opacity: 0},1000); 
$("#id").load(url); 
$("#id").animate({opacity: 1},1000); 

Phần tử không hiển thị, chỉ trở nên trong suốt. Nó trông giống nhau.