الفرق بين المراجعتين لصفحة: «jQuery/dequeue»
< jQuery
لا ملخص تعديل |
جميل-بيلوني (نقاش | مساهمات) ط تصحيح المصطلح "طابور"، إذ كان "قائمة". |
||
| (مراجعة متوسطة واحدة بواسطة مستخدم واحد آخر غير معروضة) | |||
| سطر 6: | سطر 6: | ||
=== الوصف === | === الوصف === | ||
ينفذ هذا التابع الدالة التالية في | ينفذ هذا التابع الدالة التالية في طابور الانتظار للعناصر المتطابقة. | ||
أُضيف مع الإصدار: [http://api.jquery.com/category/version/1.2 1.2] | أُضيف مع الإصدار: [http://api.jquery.com/category/version/1.2 1.2] | ||
| سطر 13: | سطر 13: | ||
==== <code>queueName</code> ==== | ==== <code>queueName</code> ==== | ||
سلسلة نصية تحتوي على اسم | سلسلة نصية تحتوي على اسم الطابور. وقيمتها الافتراضية <code>fx</code> وهو اسم طابور التأثيرات القياسية. | ||
عند استدعاء <code>.dequeue()</code>، تتم إزالة الدالة التالية في طابور (queue) | عند استدعاء <code>.dequeue()</code>، تتم إزالة الدالة التالية في طابور (queue) الانتظار، ثم تُنفَّذ. ينبغي لهذه الدالة بدورها (بشكل مباشر أو غير مباشر) التسبب في استدعاء <code>.dequeue()</code>، بحيث يستمر التسلسل. | ||
=== أمثلة === | === أمثلة === | ||
| سطر 23: | سطر 23: | ||
<head> | <head> | ||
<meta charset="utf-8"> | <meta charset="utf-8"> | ||
<title>dequeue | <title>dequeue مثال على التابع</title> | ||
<style> | <style> | ||
div { | div { | ||
| سطر 42: | سطر 42: | ||
<body> | <body> | ||
<button> | <button>إبدأ</button> | ||
<div></div> | <div></div> | ||
المراجعة الحالية بتاريخ 14:19، 30 يونيو 2018
.dequeue( [queueName ] )
القيمة المعادة
يُعيد كائنًا من النوع jQuery.
الوصف
ينفذ هذا التابع الدالة التالية في طابور الانتظار للعناصر المتطابقة.
أُضيف مع الإصدار: 1.2
.dequeue( [queueName ] )
queueName
سلسلة نصية تحتوي على اسم الطابور. وقيمتها الافتراضية fx وهو اسم طابور التأثيرات القياسية.
عند استدعاء .dequeue()، تتم إزالة الدالة التالية في طابور (queue) الانتظار، ثم تُنفَّذ. ينبغي لهذه الدالة بدورها (بشكل مباشر أو غير مباشر) التسبب في استدعاء .dequeue()، بحيث يستمر التسلسل.
أمثلة
استخدام dequeue لإنهاء دالة انتظار مخصصة تسمح لطابور الانتظار بالاستمرار:
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>dequeue مثال على التابع</title>
<style>
div {
margin: 3px;
width: 50px;
position: absolute;
height: 50px;
left: 10px;
top: 30px;
background-color: yellow;
}
div.red {
background-color: red;
}
</style>
<script src="https://code.jquery.com/jquery-1.10.2.js"></script>
</head>
<body>
<button>إبدأ</button>
<div></div>
<script>
$( "button" ).click(function() {
$( "div" )
.animate({ left:"+=200px" }, 2000 )
.animate({ top:"0px" }, 600 )
.queue(function() {
$( this ).toggleClass( "red" ).dequeue();
})
.animate({ left:"10px", top:"30px" }, 700 );
});
</script>
</body>
</html>