چندی پیش در یک پروژه وب کدی رو نوشته بودم که با Resize شدن صفحه عمل خاصی انجام می شد

اما امروز که نگاهی به صفحه مورد نظر انداختم دیدم اینکه در هنگام Resize شدن عمل مورد نظرم بخواد انجام بشه مشکلاتی رو بوجود میاره؛ راه حل این بود که عمل مورد نظر می باید بعد از Resize شدن کامل window انجام بشه (عمل مورد نظر توسط جاوااسکریپت و JQuery انجام میشه)

برای انجام این کار می باید از تکه کد زیر استفاده کنید

  1. <script type="text/javascript">
  2.     $(document).ready(function () {
  3.         $(window).resize(function () {
  4.             if (this.resizeTO) clearTimeout(this.resizeTO);
  5.             this.resizeTO = setTimeout(function () {
  6.                 $(this).trigger('resizeEnd');
  7.             }, 100);
  8.         });
  9.  
  10.         $(window).bind('resizeEnd', function () {
  11.             // Window Is Resized
  12.             // Write your own code here
  13.         });
  14.     });
  15. script>

کد فوق توسط JQuery نوشته شده بنابراین ارجاعی به کتابخانه JQuery در صفحه الزامی هستش

 



نوشته شده توسط مجتبی صحرائی در دوشنبه بیست و هشتم شهریور ۱۳۹۰ و ساعت 17:48