Question

我正在尝试在同位素中添加内容，但它有效，但新内容属于已经存在的项目，而不是在它们之后。

这是我的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;
  });

Answer 1

Isotope希望将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;
});

同位素附加项目已经在项目下面

1 个答案: