JQuery Isotope:

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'
});