angularjs + jqurey mixitup 插件使用bug記錄

 最近在做的一個項目,使用了jquery的mixitup 插件,但是發現使用過程中持續不斷地出現一個問題。就是當我從當前使用這款插件的頁面,發生頁面切換,再次回到這個頁面的時候,總是會報一個如下一個warning,然後這款插件就失效了:

[MixItUp] WARNING: This element already has an active MixItUp instance. The provided configuration object will be ignored. If you wish to perform additional methods on this instance, please create a reference.

 console中只出這個warning,意思是當前這個元素已經有一個mixitup實例。查了很多資料,大概知道是因爲mixitup 插件會在內部爲這元素保存一個實例,以防止他再次被初始化。所以,像大多數的jquery插件,最好使用完之後做一些清理。

 在你添加了鏈接的元素上加上代碼:

element.on('$destroy', function () { 
    element.mixItUp('destroy'); 
});

添加完此段代碼之後,完美解決了插件失效的問題。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章