Question

在Bootstrap中修补了MixItUp。

我已经在col结构中将所有类工作添加到列表中但是每次刷新页面时都无法随机加载它！我使用了以下

$(function(){
    $('#Grid').mixitup({
        load: {
            sort: 'random'
        }
    });
});

我已经将它用于mixitup代码笔，但是一旦我将它分发到bootstrap中的列中，它就不想玩球了！

有解决方法吗？

Answer 1

如果在head中引用了单独的文件，它将在bootstrap或jQuery之前加载。此外，您应该在bootstrap之前加载jQuery。我的建议：将bootstrap和jQuery都放在标题中，然后在document.ready()中调用你的函数：

<head>
...
    <script type="text/javascript" src="//code.jquery.com/jquery-2.1.0.js"></script>
    <script type="text/javascript" src="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/js/bootstrap.min.js"></script>
    <script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/mixitup/1.5.6/jquery.mixitup.min.js"></script>
    <script type="text/javascript">
        $(document).ready(function(){
            $('#Grid').mixItUp({
                load: {
                    sort: 'random'
                }
            });
        });
     </script>
</head>

更新

我可能已经找到了你的问题。您已经链接到MixItUp插件的1.5.6版本，而我复制到小提琴中的版本是2.1.7版本。当我在任何小提琴中切换版本时，新版本可以正常工作，而旧版本则无效。

在Bootstrap页面加载时MixItUp随机过滤

1 个答案:

更新