Возился с MixItUp в Bootstrap.
У меня все это работает в структуре 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>
Я мог бы найти вашу проблему. Вы связались с версией 1.5.6 плагина MixItUp, а то, что я скопировал в скрипку, — это версия 2.1.7. Когда я переключаю версии в любой из скрипок, новая версия работает, а старая — нет.
<script> содержимое вашего <head></head> раздела?
- person Max Leske; 07.11.2014
mixitup вместо mixItUp. Сигнатуры функций Javascript чувствительны к регистру. #Grid .mix имеет правила opacity: 0 и display: none. Это скрывает все изображения из поля зрения, удалите их для тестирования. Ваш CSS недействителен, вам нужно исправить эти ошибки. Я думаю, что это должно в значительной степени исправить это.
- person Max Leske; 12.11.2014
$(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