كيف يتم بالفعل تحميل صفحة jQuery بمجرد تحميل الصفحة

Question

أواجه مشكلة توقيت عند محاولة تنزلق مزيد من المعلومات الخاصة بي. وظيفتي المطلوبة هي أن slidesdown div من الأعلى بمجرد تقديم الصفحة بالفعل. مشكلتي هي إذا استخدمت $ (وثيقة) .READY () .. لا تحدث الرسوم المتحركة بشكل واضح.

ها هو رمزتي:

    $(document).ready(function() {
        $(".MoreInfo").slideDown('slow');
    });

إذا قمت بربطه بنقرة عنصر آخر على سبيل المثال ، فهو يعمل بشكل جميل. لكنني لست متأكدًا من كيفية جعلها تنزلق بشكل واضح بمجرد تحميل الصفحة. شكرًا!

Answer 1

حاولت الخلط والمطابقة باستخدام:

$(window).load(function()  

و

$(document).ready(function()  

لكن لم يكن لديه أي حظ. انتهى بي الأمر باستخدام

 $(document).ready(function() {
    $(".MoreInfo").slideUp(1).delay(2000).slideDown('slow');

ويبدو أن هذا يعمل. أعتقد أن الأمر يتعلق بالعنصر الذي يتم عرضه بالفعل أكثر من أي شيء آخر.

Answer 2

قد ترغب في محاولة استخدام

$(window).load(function() 

بدلاً من

$(document).ready(function() 

نظرًا لأن بعض العناصر التي تحاول التلاعب بها قد لا يتم تحميلها بالكامل عند $ (وثيقة). حرائق جاهزة.

Answer 3

ربما جرب body onload بدلاً من ذلك

$("body").load(function() {
    $(".MoreInfo").slideDown('slow');
});

... document.readed يحدث بمجرد معالجة DOM ، ليس بمجرد عرض الصفحة - يمكن أن تكون قبل عرض الصفحة. يمكنك أيضًا محاولة وضع هذا على setTimeout اتصل للسماح ببعض الوقت الإضافي