افزونه اجرای کدهای jQuery در هنگام تغییر وضعیت Visibility صفحه!

اگر کد‌های jQuery را به صورت معمول بنویسید هنگامی که بارگذاری صفحه تمام شد آن کدها شروع به اجرا شدن می‌کنند و توجه نمی‌کند که آیا صفحه دارای فوکوس است و یا نه! این مسعله در صفحاتی که دارای انیمیشن‌های هستند بیشترین نمود را پیدا می‌کند!. به عنوان مثال در بعضی از صفحات گرودیا انیمیشن‌های وجود دارند ولی اگر صفحه را در تب جدید باز کرده باشید ولی آن صفحه ندیده باشید انیمیشن‌های آن اجرا نمی‌شوند و زمانی که شما آن تب را مشاهده کنید انیمیشن‌ها شروع به کار خواهند کرد!.

برای این منظور می‌توان از افزونه jQuery visibility استفاده کرد که وضعیت‌های را برای زمانی که صفحه دارای فوکوس یا وضعیت مشاهده شدن توسط کاربر و مشاهده نشدن توسط کاربر را برای ما فراهم می‌کند.

کدهای که در تابع زیر نوشته شود زمانی که صفحه فوکوس بگیرد اجرا می‌شوند:

$(document).on('show', function() {
  // the page gained visibility
});

کدهای که در تابع زیر نوشته شود زمانی که صفحه فوکوس نداشته باشد اجرا می‌شوند:

$(document).on('hide', function() {
  // the page was hidden
});

دیدگاه کاربران

  1. mohamad در

    salam o dooroode alam bar to marde bozorg,soali ke mikham beporsam marboot be in bahs nist
    codi ke darbarash soal daramo gozashtam too site jsfiddle.net : http://jsfiddle.net/6Yc2K/
    moshkele man in khateshe:
    if ( $this.find(‘span.close’).length ) return;
    chera ba inke return darim too in khat bazam ghesmate
    .on(‘click’, function() {
    $this[config.effect](config.speed);
    })
    ejra mishe?!
    omidvaram motavajehe soalam beshi :)

  2. mohamad در

    آقا اکی شد،فهمیدم ممنوون

دیدگاه خود را بنوبسید