jquery - jQuery 同位体:

Question

配置をそのままにして、要素をクリックできないようにする方法はありますか? ここでデモ。

の代わりに別のクラスを追加することで.element、ポジショニングを失います。

この問題を修正する場所 (マークアップ、css、または jquery 部分) がわからないため、特定のコード例を追加していないことをお詫びします。

Answer 1

多分

$(yourelement).css("cursor","auto");

?

Answer 2

一部の要素をクリックできないようにしたい場合は、リスナーでそれを確認するだけです

var notClickable = ['Hg','Co','Rb']; // these element are not clickable

      // change size of clicked element
      $container.delegate( '.element', 'click', function(){
       //if not in notClickable tab
       if(jQuery.inArray( $(this).attr('data-symbol'), notClickable )==-1){
        $(this).toggleClass('large');
        $container.isotope('reLayout');
       }
      });

デモはこちら: http://jsfiddle.net/thomasNDS/bKtvN/1/

Answer 3

このちょっとしたスクリプトがあるからこそ、アイテムはクリック可能です。

// change size of clicked element
$container.find('.element').live('click', function(){
  $(this).toggleClass('large');
  $container.isotope('reLayout');
});

オプションで一致させることができる限り、CSS クラスを好きなように変更できます。itemSelector

$container.isotope({
  itemSelector: '.my-class'
});