Zurb Foundation Эквалайзер

Question

Я пытаюсь использовать этот плагин Foundation: http://foundation.zurb.com/docs/components/equalizer.html

Это мой код:

<div class="row" data-equalizer> 
    <div class="large-4 medium-6 small-12 columns" data-equalizer-watch> 
     {some content} 
    </div> 
    <div class="large-4 medium-6 small-12 columns" data-equalizer-watch> 
     {some content} 
    </div> 
    <div class="large-4 medium-6 small-12 columns" data-equalizer-watch> 
     {some content} 
    </div> 
</div> 

Я затем добавил до конца моего тела следующие сценарии:

<script src="js/foundation.min.js"></script> 
<script src="js/foundation/foundation.reveal.js"></script> 
<script src="js/foundation/foundation.datepicker.js"></script> 
<script src="js/foundation/foundation.dropdown.js"></script> 
<script src="js/foundation/foundation.equalizer.js"></script> 
<script> 
    $(document).foundation(); 
</script> 
</body> 

Проблема в том, что Эквалайзер не работает.

Все .js загружены правильно (нет ошибок 404), а Javascript Console не выбрасывает какую-либо ошибку. Кажется, все в порядке, где я ошибаюсь? Спасибо, ребята.

Answer 1

Загрузите каждый плагин отдельно или включите файл foundation.min.js, который автоматически загрузит Foundation Core и все плагины JavaScript.

<script src="/js/foundation.min.js"></script> 

<!-- or individually --> 

<script src="/js/foundation.js"></script> 
<script src="/js/foundation.alert.js"></script> 
<!-- ... --> 
<script src="/js/foundation.dropdown.js"></script> 
<script src="/js/foundation.tab.js"></script>