تأثير النموذج الأولي. المكافئ المتوازي في jQuery
-
27-09-2019 - |
سؤال
أحاول تحويل البرنامج المساعد النموذج الأولي للشرائح إلى jQuery. وظيفة الرسوم المتحركة بسيطة إلى حد ما بديهية: تتلاشى الشريحة المرئية ، تتلاشى في الشريحة التالية ، وكلا الرسوم المتحركة تبدأ وتتوقف في نفس الوقت. فيما يلي رمز النموذج الأولي الذي لم أفهمه تمامًا:
fadeInOut: function (a, b) {
new Effect.Parallel(
[
new Effect.Fade(b, {sync: true}),
new Effect.Appear(a, {sync: true})
], {
duration: 1
}
);
}
لقد كتبت هذا المكافئ jQuery:
var anim = function (a, b) {
// m_Locked = true
a.fadeOut(1000);
b.fadeIn(1000);
// m_Locked = false
};
أنا أتساءل ماذا يؤثر. أحتاج أيضًا إلى ضبط ومسح علامة مغلقة سأستخدمها لتعطيل الأزرار أثناء تشغيل الرسوم المتحركة ... لا يبدو أن هذا يعمل.
المحلول
نعم ، أنت مهتم jQuery.queue()
.
يمكن أن يكون لكل عنصر واحد إلى العديد من طوابير الوظائف المرتبطة به بواسطة jQuery. في معظم التطبيقات ، يتم استخدام قائمة انتظار واحدة فقط (تسمى FX). تتيح قوائم الانتظار استدعاء سلسلة من الإجراءات على عنصر غير متزامن ، دون إيقاف تنفيذ البرنامج. المثال النموذجي على ذلك هو استدعاء طرق الرسوم المتحركة المتعددة على عنصر ما. علي سبيل المثال: