MixItUp произволен филтър при зареждане на страница в Bootstrap

Бърках с MixItUp в Bootstrap.

Всичко това работи в структурата на col, добавяйки класове към списъците, но не мога да го накарам да се зарежда на случаен принцип всеки път, когато страницата се опреснява! Използвал съм следното

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

Накарах го да работи върху писалката за код за смесване, но след като го разпределя в колони в bootstrap, той не иска да играе топката!

Има ли работа за това?


jquery twitter-bootstrap twitter-bootstrap-3 jscript mixitup
person batas    schedule 23.10.2014    source източник
comment
Или.... Има ли някакви прилични добавки като mixitup, които можете да препоръчате, които ще позволят тази функция..?   -  person batas    schedule 23.10.2014
comment
Можете ли да предоставите jsfiddle за този проблем?   -  person Max Leske    schedule 23.10.2014
comment
Ами сложих кодовите фрагменти тук jsfiddle.net/9818ohak   -  person batas    schedule 24.10.2014
comment
Актуализирах вашата цигулка с необходимите библиотеки и някои изображения от мрежата (jsfiddle.net/9818ohak/6). Работи като чар...   -  person Max Leske    schedule 24.10.2014
comment
Благодаря Макс, изглежда, че работи на цигулката, но не мога да го накарам да работи на моя сайт. Зарежда се в същия ред всеки път. Имам отделен js файл със следното в $(function() { $('#Grid').mixitup({ load: { sort: 'random } }); }); и зареждам скриптовете си в долната част на тялото <script src="js/bootstrap.min.js"></script> <script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <script src="js/jquery.mixitup.min.js"></script> <script src="js/safe.js"></script> Направих нова цигулка jsfiddle.net/jc3t26wo   -  person batas    schedule 24.10.2014

Отговори (1)


arrow_upward
3
arrow_downward

Ако този отделен файл е споменат в head, той ще бъде зареден преди bootstrap или 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>

Актуализация

Може би съм открил твоя проблем. Свързахте се с версия 1.5.6 на плъгина MixItUp, докато това, което копирах в цигулката, е версия 2.1.7. Когато превключвам версии в някоя от цигулките, новата версия работи, докато старата не.

person Max Leske    schedule 26.10.2014
comment
Съжалявам, че ме нямаше. Всъщност все още не работи, ако използвам скрипта в главата, той не успява да се зареди изцяло. Зарежда се при извикване чрез $(function() { $('#Grid').mixitup({ load: { sort: random } }); }); ‹p›Все още не мога да разбера какво става. В цигулката jsfiddle.net/jc3t26wo изглежда работи, но ще се зареди само в една колона. - person batas; 06.11.2014
comment
Добавих ред от CSS, който трябва да коригира проблема с една колона: jsfiddle.net/jc3t26wo/1. Ако функцията не се изпълни в главата, тогава или имате неразрешени зависимости, или проблеми със скриптовете, които си влияят един на друг. Виждате ли грешки в скрипта в конзолата за разработка на браузъра? Можете ли да публикувате <script> съдържанието на вашия <head></head> раздел? - person Max Leske; 07.11.2014
comment
Качих това, с което работя, тук - person batas; 11.11.2014
comment
Както посочих, вие използвате версия 1.5.4 (дори по-стара от вашата цигулка). Трябва да опитате да използвате версия 2.1.7. - person Max Leske; 11.11.2014
comment
За съжаление качих грешната версия, както посочихте. С текущия качен Mixitup js всичко вече не работи... - person batas; 12.11.2014
comment
Използвате mixitup вместо mixItUp. Сигнатурите на функциите на Javascript са чувствителни към главни и малки букви. #Grid .mix има правилата opacity: 0 и display: none. Това скрива всички изображения от изгледа, премахнете тези за тестване. Вашият CSS не е валиден, трябва да поправите тези грешки. Мисля, че това до голяма степен трябва да го поправи. - person Max Leske; 12.11.2014