Question

Firefox没有问题。

我已尝试在我的代码中实现mixitup jquery插件（https://mixitup.kunkalabs.com），但在Chrome（或Opera，可能还有其他webkit浏览器）中它（对我来说）不起作用。

我唯一能让它发挥作用的是我直接在Chrome控制台中运行代码。

代码没什么特别的：

 $(document).ready(function() {
    $('.products').mixItUp({
        animation: {
            duration: 400,
            effects: 'fade translateZ(-360px) stagger(34ms)',
            easing: 'ease'
        },
        callbacks: {
            onMixStart: function(state, futureState){
                alert('Animation starting');
            },onMixLoad: function(state){
                alert('MixItUp ready!');
            },onMixEnd: function(state){
                alert('Operation ended');
            },onMixFail: function(state){
                alert('No elements found matching '+state.activeFilter);
            },onMixBusy: function(state){
                alert('MixItUp busy');
            }
        }
    });
});

Chrome中显示的唯一回调（在Chrome控制台中运行时除外）是＆＃34;动画启动＆＃34;。它们都应该显示（在Chrome控制台中运行时会显示）。

我已经尝试将它放在$（window）.load（function（）{和＆＃34;文档准备好＆＃34;代码中，这没有任何区别。

我还尝试将代码从标题区域移到</body>之前，这也没有任何区别 - 没有意外。

在</body>之前，我已经没想到它在Chrome控制台中有效的原因，但在JS文件或内联中没有。 Firefox似乎没有任何问题。

这是我的目标。

有什么想法吗？

由于

Chrome中奇怪的Jquery mixitup插件问题 - 仅在dev控制台中运行时才有效

0 个答案: