0

Jquery プラグイン同位体を使用しています。画面の解像度によっては、アイソトープ ウィジェットを破棄して、その機能が実行されないようにする必要があります。次のコードを使用しています。

$(window).smartresize(function(){
            if($(window).width() < 700) {
                container.isotope('destroy');

            }else {
                container.isotope({$options});
            }
        });

これは最初のサイズ変更で正常に機能し、同位体ウィジェットは破棄されます。ただし、再度サイズ変更すると (700px 未満)、次の例外がスローされます。

cannot call methods on isotope prior to initialization; attempted to call method 'destroy'

実行前に container.isotope が存在するかどうかを確認するにはどうすればよいcontainer.isotope('destroy');ですか?

完全な作業コード

      $(window).load(function(){
        var container = $('{$this->selector}')
        if($(window).width() > 701){
            container.isotope({$options});
        }else{
            container.isotope = false;
        }

        $(window).smartresize(function(){
          if($(window).width() < 700) {
            container.find('.item').removeAttr('style');
            if(container.isotope) {
              container.isotope('destroy')
              container.isotope = false
            }
          } else{
            container = $('{$this->selector}')
            container.isotope({$options})
          }
        });
      });
4

2 に答える 2

0

どうですか：

if (container.isotrope)
//It exists. Do whatever
else
//Does not exist. Do whatever else
end
于 2012-10-04T18:08:12.803 に答える
0 

$(window).smartresize(function(){
  if($(window).width() < 700) {
    if(container.isotope) {
      container.isotope('destroy')
      container.isotope = false
    }
  } else if(container.isotope) {
    container.isotope({$options})
  }
})

于 2012-10-04T18:12:45.917 に答える