متد jQuery.fx.off() در jQuery

دسته بندی : آموزش jQuery سطح مقاله : متوسط زمان مطالعه : 3 دقیقه آخرین بروز رسانی: 13 شهریور 1401

متد jQuery.fx.off() در jQuery در این مقاله از سری مقالات آموزش جی کوئری دویکس بررسی می‌شود. روش jQuery.fx.off () همه انیمیشن‌ها را غیرفعال می‌کند.

ساختار متد jQuery.fx.off() در jQuery

در اینجا نحو و ساختار ساده برای استفاده از این متد آمده است:

jQuery.fx.off = [true | false ] ;

پارامترهای متد

در اینجا تمام پارامترهای استفاده شده توسط این متد توضیح داده شده است:

Boolean : برای فعال کردن انیمیشن‌ها باید روی false تنظیم شود و برای غیر فعال کردن انیمیشن‌ها به صورت سراسری باید روی true تنظیم شود

مثال

در قطعه کد زیر یک مثال ساده آورده شده است که استفاده از این روش را نشان می‌دهد:

<html>
   <head>
      <title>The jQuery Example</title>
      <script type = "text/javascript" 
         src = "https://www.tutorialspoint.com/jquery/jquery-3.6.0.js">
      </script>
		
      <script type = "text/javascript" language = "javascript">
         $(document).ready(function() {

            $("#enable").click(function(){
               jQuery.fx.off = false;
            });

            $("#disable").click(function(){
               jQuery.fx.off = true;
            });

            $("#go").click(function(){
               $(".target").animate({left: '+=200px'}, 2000);
            });

            $("#back").click(function(){
               $(".target").animate({left: '-=200px'}, 200);
            });
				
         });
      </script>
		
      <style>
         p {background-color:#bca; width:350px; border:1px solid green;}   
         div{position: absolute; left: 50px; top:300px;}
      </style>
   </head>
		
   <body>
      <p>Click enable or disable and then go or back button:</p>
		
      <button id = "enable"> Enable</button>
      <button id = "disable"> Disable </button>
      <button id = "go"> GO</button>
      <button id = "back"> BACK </button>

      <div class = "target">
         <img src = "./images/jquery.jpg" alt = "jQuery" />
      </div>
   </body>
</html>

این مقاله در اینجا به پایان رسید، امیدواریم از مطالعه آن لذت برده باشید. برای دسترسی به لیست کامل متدهای اعمال جلوه‌های خاص در jQuery به مقاله بررسی جلوه‌‌ها (Effects) در jQuery مراجعه کنید.

این مقاله چقدر براتون مفید بود؟

اولین امتیاز را ثبت کنید😊