添加新div

Question

我使用同位素按属性值对div进行排序。但是当我添加新div或编辑现有div之一时。然后排序不能正常工作。即使div的排序顺序为中间，新创建或编辑的div也会添加到div列表的末尾。我的代码如下。 感谢。

<div class="mainContainer">
  <div class="subContainer" data-order="4">
    4
  </div>
  <div class="subContainer" data-order="1">
    1
  </div>
  <div class="subContainer" data-order="3">
    3
  </div>
  <div class="subContainer" data-order="2">
    2
  </div>
</div>

Answer 1

尝试使用同位素addItems或insert方法将新内容添加到同位素容器中：

$('.mainContainer').append( $newItems ).isotope( 'addItems', $newItems );
$('.mainContainer').isotope( 'insert', $newItems );

或者使用排序参数reloadItems的{​​{1}}：

sortBy

排序功能：

$('.mainContainer').isotope('reloadItems'); 
$('.mainContainer').isotope({sortBy:'original-order'});

希望这有帮助。