如何动态添加元素到MixItUp?

1ma*_*man 3 javascript ajax jquery append jquery-plugins

我试图在mixItUp中添加基于AJAX调用的新DOM(MIX)元素,但它没有用.

1ma*_*man 6

我搜索了很多,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++;
Run Code Online (Sandbox Code Playgroud)