الفرق بين المراجعتين ل"jQuery/dequeue"
< jQuery
اذهب إلى التنقل
اذهب إلى البحث
Khaled-yassin (نقاش | مساهمات) ط (←الوصف) |
جميل-بيلوني (نقاش | مساهمات) ط (تصحيح المصطلح "طابور"، إذ كان "قائمة".) |
||
| (3 مراجعات متوسطة بواسطة مستخدمين اثنين آخرين غير معروضة) | |||
| سطر 1: | سطر 1: | ||
<noinclude>{{DISPLAYTITLE:التابع <code>.dequeue()</code> في jQuery}}</noinclude> | <noinclude>{{DISPLAYTITLE:التابع <code>.dequeue()</code> في jQuery}}</noinclude> | ||
| − | + | == <code>.dequeue( [queueName ] )</code> == | |
| − | == .dequeue( [queueName ] ) == | ||
=== القيمة المعادة === | === القيمة المعادة === | ||
| سطر 7: | سطر 6: | ||
=== الوصف === | === الوصف === | ||
| − | ينفذ هذا التابع الدالة التالية في | + | ينفذ هذا التابع الدالة التالية في طابور الانتظار للعناصر المتطابقة. |
أُضيف مع الإصدار: [http://api.jquery.com/category/version/1.2 1.2] | أُضيف مع الإصدار: [http://api.jquery.com/category/version/1.2 1.2] | ||
| سطر 14: | سطر 13: | ||
==== <code>queueName</code> ==== | ==== <code>queueName</code> ==== | ||
| − | سلسلة نصية تحتوي على اسم | + | سلسلة نصية تحتوي على اسم الطابور. وقيمتها الافتراضية <code>fx</code> وهو اسم طابور التأثيرات القياسية. |
| − | عند استدعاء <code>.dequeue()</code>، تتم إزالة الدالة التالية في | + | عند استدعاء <code>.dequeue()</code>، تتم إزالة الدالة التالية في طابور (queue) الانتظار، ثم تُنفَّذ. ينبغي لهذه الدالة بدورها (بشكل مباشر أو غير مباشر) التسبب في استدعاء <code>.dequeue()</code>، بحيث يستمر التسلسل. |
=== أمثلة === | === أمثلة === | ||
| − | استخدام <code>dequeue</code> لإنهاء دالة انتظار مخصصة تسمح | + | استخدام <code>dequeue</code> لإنهاء دالة انتظار مخصصة تسمح لطابور الانتظار بالاستمرار:<syntaxhighlight lang="html"> |
<!doctype html> | <!doctype html> | ||
<html lang="en"> | <html lang="en"> | ||
<head> | <head> | ||
<meta charset="utf-8"> | <meta charset="utf-8"> | ||
| − | <title>dequeue | + | <title>dequeue مثال على التابع</title> |
<style> | <style> | ||
div { | div { | ||
| سطر 43: | سطر 42: | ||
<body> | <body> | ||
| − | <button> | + | <button>إبدأ</button> |
<div></div> | <div></div> | ||
| سطر 63: | سطر 62: | ||
== مصادر == | == مصادر == | ||
| − | * [http://api.jquery.com/dequeue/ صفحة التابع .dequeue() في توثيق jQuery الرسمي]. | + | * [http://api.jquery.com/dequeue/ صفحة التابع .dequeue() في توثيق jQuery الرسمي]. |
[[تصنيف:jQuery]] | [[تصنيف:jQuery]] | ||
[[تصنيف:jQuery Method]] | [[تصنيف:jQuery Method]] | ||
[[تصنيف:jQuery Effects]] | [[تصنيف:jQuery Effects]] | ||
| − | |||
| − | |||
| − | |||
| − | |||
المراجعة الحالية بتاريخ 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>