javascript - 如何动态添加元素到MixItUp？

Question

我试图根据 AJAX 调用在 mixItUp 中 append 新的 DOM (MIX) 元素，但没有成功。

Answer 1

我进行了大量搜索，2 小时后在 https://github.com/patrickkunka/mixitup/issues/149 找到了解决方案

我想与其他人分享，这样他们就不会花费我花费的时间。

解决方案是在添加新元素之前销毁整个 mixItUp，然后再次加载 mixItUp。

$('#mixItUpContainer').mixItUp('destroy');
var mixDiv = $('<div></div>')
    .attr({ "data-myorder" : numberOfMixDIVs })
    .addClass("mix");
$("#mixItUpContainer").append(mixDiv);
numberOfMixDIVs++;