Foundation 6 (6.2.3) Эквалайзер перестает работать, когда я пытаюсь использовать дополнительные конфигурации

У меня есть сайт, который опирается на фундамент.

Все отлично работает, пока я не добавлю дополнительные конфигурации javascript, описанные здесь.

В частности:

equalize_on_stack: false

Это дает мне эту ошибку:

  foundation.js:1 Uncaught TypeError: We're sorry, object is not a valid parameter. You must use a string representing the method you wish to invoke.

Это в моем файле нижнего колонтитула:

$(document).ready(function(){
    $(document).foundation({
        equalizer : {
            equalize_on_stack: false,
        }
    });
});

И элементы, на которые я нацеливаюсь, выглядят так:

<div class="box-group" data-equalizer>
    <div class="medium-6 columns text-center" data-equalizer-watch>
        stuff and things        
    </div>
    <div class="medium-6 columns text-center" data-equalizer-watch>
        things and stuff        
    </div>
</div>

jquery загружается в заголовок и эквалайзер работает, если я инициализирую его так:

$(document).ready(function(){
    $(document).foundation();
});

Может быть, я упускаю что-то простое. Если кто-то может взглянуть и помочь мне понять, почему "equalize_on_stack" не работает, я был бы очень благодарен.

=== РЕШЕНО ЭТО ===

Благодаря Шоаибу Икбалу я смог заставить его работать.

Оказывается, я ссылался на документацию Foundation 5 для версии 6.

Я смог решить проблему, добавив:

 data-equalize-on-stack="false"

вот так:

<div class="box-group" data-equalizer data-equalize-on-stack="false">

Все, что мне было нужно в моем нижнем колонтитуле, было так:

$(document).foundation();

1 ответ

Решение

Вы делаете это неправильно, вы НЕ передаете имя плагина, оно должно иметь equalizer в этом

$(document).foundation({
  equalizer : {
    equalize_on_stack: false,
  }
});
Другие вопросы по тегам