0

同位体にコンテンツを追加しようとしていますが、機能しますが、新しいコンテンツは、アイテムの後ではなく、既に存在するアイテムの下に配置されます。

ここに私のJQueryコードがあります:

  $('#og-grid').isotope({
    itemSelector : 'li'
  });

  $('#sort-by a').click(function(){
    var selector = $(this).attr('data-filter');
    $('#og-grid').isotope({ filter: selector });
    $('#og-grid').isotope( 'reLayout' );
    return false;
  });

  $('a#plus_projet').click(function(){
    var appendContent = $('.portfolio_projects_hide ul').html();
    $('.portfolio_projects ul').append(appendContent).isotope('appended', appendContent);
    $('#og-grid').isotope( 'reLayout' );
    return false;
  });
4

1 に答える 1

0

Isotope は、2 番目のパラメーターとして jQuery コレクションを想定しています。

コンテンツは適切に更新されますが、コンテナーに追加するときに jQuery コレクションを使用することでも違いが生じます。

Demo Fiddle

試す：

$('a#plus_projet').click(function(){
    var appendContent  = $('.portfolio_projects_hide ul').html();

    // Use this variable to append
    var $appendContent = $(appendContent);

    $('.portfolio_projects ul').append($appendContent).isotope('appended', $appendContent);

    // Not necessary when appending items...
    $('#og-grid').isotope('reLayout');
    return false;
});
于 2013-09-13T01:45:54.040 に答える