jquery - Jquery MixItUp - 隐藏 div 的问题

Question

我在使用 Jquery MixitUp 和隐藏 div 时遇到问题。这个想法是单击一个按钮并显示一个带有过滤器和缩略图的 div。

当我更改主要内容的显示时，mixitUp 不起作用。如果我的主要内容带有显示块，则脚本运行良好。

这里的两个例子：

编辑： http: //jsfiddle.net/yrjsr6bp/ - 小提琴工作 http://jsfiddle.net/yrjsr6bp/1/ - 小提琴不工作

<a onclick="$('#div5').show();" style='color:#000;'>SHOW THE DIV</a>

谢谢！

解决方案： 我找到了解决方案。解决方案是在我更改 div 显示的同一函数中运行 mixitup 脚本。谢谢！

Answer 1

Update

You should initialize mixitup when the div is visible, you can easily do like so:

onclick="$('#div5').show(); $('#presscontainer').mixItUp();"

---

Better yet, abstract the javascript from the html:

HTML

<a id="showDivLink" style='color:#000;'>SHOW THE DIV</a>

JS

$(function () {
    $('#showDivLink').click(function (e) {
        $('#div5').show().promise().done(function () {
            $('#presscontainer').mixItUp();
        });
    });
});

FIDDLE