Javascript Jquery代码冲突

我在页面加载之前使用了加载条，我使用了混合插件，但当我放入加载条代码时，它就停止工作了

我的加载条js

// <===============load===================>


$(function() {
 $('.content-body').hide();
 $(".preload").fadeOut(2000, function() {
  $(".content-body").fadeIn(1000);       
 });
});

---

现在我不知道当我删除加载条形码时这里有什么问题，mix-up开始工作

在我创建的演示中工作正常

退房

---

是的，它可以工作，但是当我放入$（'.content'）.hide（）时；在页面加载之前，请停止混合内容up@danialpervaiz你能不能把完整的html和js代码，或者如果你能创建小提琴和发送给我的链接，那么我会很乐意帮助。也许你可以理解我把链接

<div class="preload"><img src="img/hex.gif"></div>
<div class="content-body">
<!--content-->
</div>

$(function() {
 $('.mixitup').mixItUp();
});

$(function () {
    $(".preload").fadeOut(2000, function () {
        $(".content").fadeIn(1000);
    });

    $('.mixitup').mixItUp();
});