क्रोम डोम jQuery के लिए अपडेट नहीं हो संलग्न/fadein

Question

सर्वर से एक नया रिकार्ड प्राप्त करने में कठिनाई के बाद, मैं सूची में एक नया रिकॉर्ड जोड़ने और इसे फीका करने के लिए jQuery 1.7.2 से AJAX सफलता कॉलबैक का उपयोग करें।

function onSuccess (data, status, xhr) { 
    var record = $(template_html); 

    // populate `record` with `data` values. 

    body.append(record); // body is a jQuery object from closure scope 
    record.fadeIn('fast'); 
} 

• आईई 8 आईई 9
• सफारी 5.1.7
• आग:

  मैं निम्न ब्राउज़रों में यह परीक्षण किया लोमड़ी 14.0.1

• क्रोम 21.0.1180.79
• ओपेरा 11,64

यह लगातार ऊपर ब्राउज़रों के सभी में काम करता है, क्रोम के लिए छोड़कर। यह कभी-कभी क्रोम में काम करता है।

जब यह क्रोम में विफल रहता है, यदि मैं "तत्व का निरीक्षण करें" पर क्लिक करता हूं या डेवलपर टूल्स पर एलिमेंट्स टैब देखता हूं, या console.log(record) का उपयोग कर जावास्क्रिप्ट कंसोल पर मुद्रित DOM तत्व पर क्लिक करता है, तो यह नया रिकॉर्ड पॉप करने का कारण बनता है दृश्यता में

मुझे पता है कि DOM तत्व बनाया जा रहा है, पॉप्युलेट किया गया है, और सही ढंग से जोड़ा गया है। समस्या यह है कि कभी-कभी क्रोम डीओएम को पुनः प्रस्तुत करने से इंकार कर देता है। कभी कभी।

मैंने fadeInshow या fadeTo के साथ कोई परिवर्तन किए बिना बदलने की कोशिश की है।

"इसी तरह के प्रश्न" में दिए गए किसी भी उत्तर ने मेरे लिए काम नहीं किया है। रिकॉर्ड के लिए मार्कअप <div> एस <div> एस में है, और मैंने नए रिकॉर्ड जोड़ने से पहले और बाद में पृष्ठ को मान्य किया है यह देखने के लिए कि क्या अवैध HTML समस्या हो सकती है।

कोई विचार या विचार?

Answer 1

इस प्रयास करें:

$(document).ready(function() { 
    var body = document.body; 
    $(body).append(function() { 
     return $('<div>').addClass('Appended').html('Test Div </br> :)'); 
    }); 

    setTimeout(function() { 
     $('.Appended').fadeIn('fast'); 

     // i'm used timeout to see the effect 
    }, 1500); 
}); 

आप इस बेला link