الفرق بين المراجعتين لصفحة: «jQuery/dequeue»
< jQuery
لا ملخص تعديل |
لا ملخص تعديل |
||
| سطر 1: | سطر 1: | ||
<noinclude>{{DISPLAYTITLE:التابع <code>.dequeue()</code> في jQuery}}</noinclude> | <noinclude>{{DISPLAYTITLE:التابع <code>.dequeue()</code> في jQuery}}</noinclude> | ||
== <code>.dequeue( [queueName ] )</code> == | == <code>.dequeue( [queueName ] )</code> == | ||
| سطر 64: | سطر 63: | ||
== مصادر == | == مصادر == | ||
* [http://api.jquery.com/dequeue/ صفحة التابع .dequeue() في توثيق jQuery الرسمي]. | * [http://api.jquery.com/dequeue/ صفحة التابع .dequeue() في توثيق jQuery الرسمي]. | ||
[[تصنيف:jQuery | [[تصنيف:jQuery]] | ||
[[تصنيف:jQuery Method]] | |||
[[تصنيف:jQuery Effects]] | |||
مراجعة 08:53، 12 مايو 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 demo</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>Start</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>