jquery load को एनिमेट करने के लिए कैसे करें()

Question

हैलो मैं इस कोड का उपयोग किसी अन्य php फ़ाइल से सामग्री लोड करने के लिए कर रहा हूं।

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

     }); 

यह सही ढंग से काम करता है लेकिन मैं प्रत्येक "ली" में फीड को फीका करना चाहता हूं जब कोई नया रिकॉर्ड जोड़ा जाता है, कोई भी?

बात मैं करना चाहता हूँ है फेसबुक के लाइव उपयोगकर्ता कार्रवाई फ़ीड कि फेसबुक घर के अधिकार के शीर्ष पर

Answer 1

आप इस एक कोशिश की है की तरह कुछ?

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

हममम, क्या यह एक

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

के बारे में क्या अगर आप fadein विधि कॉल

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

Answer 3

कुछ इस तरह का प्रयास करें:

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

}); 

नोट के उपयोग fadeIn() और hide() ... यदि आपके पास पहले से <li> छिपा हुआ है तो आपको छिपाने की आवश्यकता नहीं है।

Answer 4

कॉल हैंडलर को लोड करते समय

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

    }); 

Answer 5

$ (इस) .fadeIn ("1000") निष्पादित किया जाएगा से पहले दिखाया गया है। सबसे पहले आप, fadein चयनित तत्व छुपाने के लिए, सामग्री लोड और फिर करने के लिए है इस तरह:

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

}); 

या सीएसएस के साथ तत्वों को छिपाने:

display: none; 

संपादित करें: , कुछ इस तरह होना चाहिए, लेकिन यह परीक्षण नहीं किया है ...

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

सीएसएस display: none; का उपयोग कर कॉलबैक का उपयोग करें, लेकिन छिपाने ली fadein उसके बाद काम करना चाहिए।

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

    }); 

Answer 7

आपको इसे पहले छिपाना होगा।

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

Answer 8

मुझे नहीं लगता कि आप सीधे लोड() पर एनीमेशन का उपयोग कर सकते हैं। लेकिन यहां दी गई चाल है:

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

तत्व प्रदर्शित नहीं होता है, बस पारदर्शी हो जाता है। यह वही दिखता है।