الخاصية ‎‎jQuery.fx.off()‎‎ في jQuery

من موسوعة حسوب
< jQuery‏ | jQuery
اذهب إلى: تصفح، ابحث

jQuery.fx.off

القيم المعادة

قيمتهما هي قيمة منطقية (Boolean).

الوصف

تعمل هذه الخاصِّيَّة على تعطيل جميع الحركات على الصعيد العام.

jQuery.fx.off

أُضيفت مع الإصدار: 1.3.

عند تغيير قيمة هذه الخاصِّيَّة إلى القيمة true، ستَنقل جميع التوابع الحركيَّة العناصر إلى حالتها النهائية مباشرةً عند استدعائها دون إظهار أي تأثيرات أو تطبيق أية حركات على العنصر. يُرغب باستعمال هذه الخاصِّيَّة لسببين هما:

  • تعمل jQuery على جهازٍ ذي مواصفات منخفضة.
  • يواجه المستخدمون مشكلاتٍ في إمكانيَّة الوصول مع الحركات.

يمكن إيقاف هذا السلوك وتشغيل الحركات وتأثيراتها من جديد بتغيير قيمة هذه الخاصِّيَّة إلى القيمة false.

أمثلة

تشغيل وتعطيل الحركة المطبقة على العنصر <div>:
<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>jQuery.fx.off مثالٌ عن استعمال الخاصية</title>
  <style>
  div {
    width: 50px;
    height: 30px;
    margin: 5px;
    float: left;
    background: green;
  }
  </style>
  <script src="https://code.jquery.com/jquery-1.10.2.js"></script>
</head>
<body>
 
<input type="button" value="Run">
<button>تشغيل/تعطيل</button>
<div></div>
 
<script>
var toggleFx = function() {
  $.fx.off = !$.fx.off;
};
toggleFx();
$( "button" ).click( toggleFx );
$( "input" ).click(function() {
  $( "div" ).toggle( "slow" );
});
</script>
 
</body>
</html>

مصادر