Javascript Mixitup插件的问题

大家好
您可以看到网站正在运行。
使用它单击缩略图，然后使用过滤器，您可以看到第二行上的缩略图在屏幕外上升，然后返回

我正在使用MIXITUP插件

这是我应用于过滤器上的“单击”事件的代码，用于折叠蓝色div并删除缩略图下的填充

jQuery(document).ready(function($){             
                var divcasiclinici = $(".divcasiclinici");
                var viewportWidth = $(window).width();
                if(viewportWidth > 768){
                    $("#filtroclinici").click(function(){
                        $('.mix').css({ paddingBottom: '0px' }, 0);
                        $(divcasiclinici).css("display", "none");
                        $(".frecciaportfolio").css("display", "none");
                    });
                };

这里是第一个元素/行/缩略图的代码（很抱歉缩进，但是WP弄乱了！）

---

解决了！我在插件中添加了一个setTimeout，以增加100ms的延迟，以便在这段时间内可以执行我之前编写的所有操作（单击过滤器）

修改插件：

setTimeout(function() {  
     goMix(config.filter, null, null, $cont, config); 
    },100);

所以我给你时间来完成这个：

jQuery(document).ready(function($){             
                var divcasiclinici = $(".divcasiclinici");
                var viewportWidth = $(window).width();
                if(viewportWidth > 768){
                    $("#filtroclinici").click(function(){
                        $('.mix').css({ paddingBottom: '0px' }, 0);
                        $(divcasiclinici).css("display", "none");
                        $(".frecciaportfolio").css("display", "none");
                    });
                };

---

通过发布答案提供您的解决方案，以便其他人看到。

setTimeout(function() {  
     goMix(config.filter, null, null, $cont, config); 
    },100);

jQuery(document).ready(function($){             
                var divcasiclinici = $(".divcasiclinici");
                var viewportWidth = $(window).width();
                if(viewportWidth > 768){
                    $("#filtroclinici").click(function(){
                        $('.mix').css({ paddingBottom: '0px' }, 0);
                        $(divcasiclinici).css("display", "none");
                        $(".frecciaportfolio").css("display", "none");
                    });
                };