jQuery - toggle() طريقة الحدث
مثال
تغيير الألوان الخلفية المختلفة:
(")p(").toggle( function(){ (")body(").css("background-color","green");} function(){ $("body").css("background-color","red");} function(){ $("body").css("background-color","yellow");} );
التعريف والاستخدام
يستخدم طريقة toggle() لتوصيل دوال معالجة الحدثتين أو أكثر، للاستجابة لأحداث النقر المتكرر للعناصر المحددة.
يمكن استخدام هذه الطريقة أيضًا لتتبديل hide() و show() الطريقة.
ربط دالتين أو أكثر لحدث Toggle
عند النقر على العنصر المحدد، يتم التبديل بين الدوال في دvalet بين الدوال في الدوال الثنائية أو أكثر.
إذا تم تحديد أكثر من دالة، فإن طريقة toggle() ستبدل جميع الدوال. على سبيل المثال، إذا كانت هناك ثلاث دوال، فإن النقر الأول سيقوم بتشغيل الدالة الأولى، والنقر الثاني سيقوم بتشغيل الدالة الثانية، والنقر الثالث سيقوم بتشغيل الدالة الثالثة. والنقر الرابع سيقوم بتشغيل الدالة الأولى مرة أخرى، وهكذا.
النحو
$(selector).toggle(function1(),function2(),functionN(),...)
الم参数 | الوصف |
---|---|
function1() | مطلوب. يحدد الدالة التي يجب تشغيلها عند كل عدد زوجي للنقر على العنصر. |
function2() | مطلوب. يحدد الدالة التي يجب تشغيلها عند كل عدد فردي للنقر على العنصر. |
functionN(),... | اختياري. يحدد الدوال الأخرى التي يجب تبديلها. |
تبديل Hide() و Show()
تحقق من أن كل عنصر مرئي.
إذا كان العنصر مخفيًا، يتم تشغيل show(). وإذا كان العنصر مرئيًا، يتم تشغيل hide(). بذلك يمكن إنشاء تأثير التبديل.
النحو
$(selector).toggle(speed,callback)
الم参数 | الوصف |
---|---|
speed |
اختياري. يحدد سرعة تأثير hide/show. الافتراض هو "0". القيم الممكنة:
|
callback |
اختياري. يتم تنفيذ هذه الدالة عند اكتمال عمل toggle(). للتعرف على المزيد حول callback، يرجى زيارة دليل Callback Functions. |
عرض أو إخفاء العناصر
يحدد ما إذا كان يجب عرض أو إخفاء جميع العناصر المتناظرة فقط.
النحو
$(selector).toggle(تحويل)
الم参数 | الوصف |
---|---|
تحويل |
مطلوب. قيمة منطقية، تحدد ما إذا كان toggle() يجب أن يظهر أو يخفي جميع العناصر المحددة فقط.
|