無効な画像でFancyboxが実行されないようにします。

Question

"フィルタリング可能な写真のグリッドでサイトを作っています。私はファンシーボックスに電話しています：

$(".popbox").fancybox(); 

画像がフィルタリングされると、クラスは「無効」になります。ページがリロードされないことに注意してください。

誰かが無効な画像をクリックしたときに、ファンシーボックスが有効にならないようにするにはどうすればよいですか？また、フィルタが変更され、画像が再度有効になったときに再び動作する必要があります。

Answer 1

はそれを行うための一つの方法（demo）です：

$(function() { 
    $('.popbox').click(function() { 
     if (!$(this).is('.disabled')){ 
      $.fancybox('<img src="' + $(this).attr('href') + '" height="333" width="500">'); 
     } 
     return false; 
    }); 
}); 

アップデート：ここには、おそらくそれを行うには良い方法で、使用してonStartコールバック（demo）：

$(function() { 
    $('.popbox').fancybox({ 
     onStart: function(link) { 
      if ($(link).is('.disabled')) { 
       return false; 
      } 
     } 
    }); 
}); 

Answer 2

うーん、これをやってみる：ここ

$('.popbox:not(.disabled)').fancybox();