在Bootstrap中加载页面时使用MixItUp随机筛选器



一直在Bootstrap中修补MixItUp。

我在col结构中工作,向列表中添加类,但我不能每次刷新页面时都随机加载!我使用了以下

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

我已经让它在mixitup代码笔上工作过,但一旦我将它分发到引导程序中的列中,它就不想打球了!

这方面有什么办法吗?

如果head中引用了那个单独的文件,它将在引导程序或jQuery之前加载。此外,您应该在引导之前加载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版本,而我复制到fiddle中的是2.1.7版本。当我在任何一个小提琴中切换版本时,新版本有效,而旧版本无效。

最新更新