Jquery MixItUp - 隐藏div的问题

时间:2014-11-13 13:54:23

标签: jquery html mixitup

我遇到了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>

谢谢!

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

1 个答案:

答案 0 :(得分:0)

更新

当div可见时,你应该初始化mixitup,你可以很容易地这样做:

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

更好的是,从html中抽象javascript:

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