Проблема с угловым штампом плагина Isotope

#jquery #jquery-isotope

#jquery #jquery-isotope

Вопрос:

Я создаю проект, используя совершенно потрясающий плагин Isotope от Дейва Десандро, и до сих пор все шло отлично. Тем не менее, в правом углу моей страницы я хотел бы использовать функцию углового штампа, чтобы всегда сохранять там определенное значение.

Угловой штамп появляется, но другие элементы, похоже, не подтверждают это. Есть мысли по этому поводу? Изотопную часть jQuery можно увидеть ниже, а полную тестовую страницу можно увидеть здесь. Любая помощь очень ценится. Спасибо!

 <script>
$(function(){

  var $container = $('#container');

  $container.isotope({
    itemSelector: '.brick',

    masonry: {
     columnWidth: 250,
     cornerStampSelector: '.corner-stamp'
    }
  });

  // filter items when filter link is clicked
  $('header a').click(function(){
    var selector = $(this).attr('data-filter');
    $container.isotope({ filter: selector });
    return false;
  });
});
  

Ответ №1:

Похоже, вам не хватает модифицированных методов, которые можно найти в исходном коде страницы демо. Просмотрите исходные тексты, скопируйте и вставьте их вместе с вашим кодом isotope. Они выглядят как

 $.Isotope.prototype._masonryResizeChanged = function() {
  return true;
};

$.Isotope.prototype._masonryReset = function() {
  // mod code...
};
  

Демонстрация:http://isotope.metafizzy.co/custom-layout-modes/masonry-corner-stamp.html

Документы:http://isotope.metafizzy.co/docs/layout-modes.html#modified_layout_modes


Я только что обновил документы, поэтому раньше у вас не было такой очевидной этой информации.