Перемещение событий в Foundation 6 после добавления элементов в DOM через AJAX

Question

У меня есть приложение rails с Zurb Foundation 6.3, и у меня есть бесконечная функция прокрутки на главной странице, каждый элемент имеет ссылку на показ модальный, первый показанные элементы показывают модальную работу в порядке, однако, когда я нажимаю на один из элементов, загружаемых через AJAX через бесконечную прокрутку, вы не обнаруживаете модальность отображения, она просто не работает.

Я знаю, что нужно пересвязать события в элементах, загруженных с помощью AJAX, я использовал, чтобы сделать это в фонд 5 через:

$(document).foundation({bindings: 'events'}); 

Однако он не работает с Фондом 6 ...

Answer 1

Это работает только с элементами Foundation, если вы пытаетесь пересвязать то, что не использует Zurb Foundation это не будет решением проблемы

Решение: Просто добавьте в конец вашего AJAX позвонить

$ (документ) .foundation();

Answer 2

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

Пока вы прокручиваете, элементы присоединяются к некоторому родительскому элементу. Вам нужно найти родителя во всех выбранных элементах, которые всегда есть.

Ради примера, родитель будет #container (или document, если нет другого общих родительского элемента) и надуманные строки будут иметь интерактивные .item, который будет срабатывать вы АЯКС.

Ваш слушатель событий должен иметь следующий формат:

$('#container').on('click', '.item', function() { 
    //whatever it is you do 
}); 

Таким образом, вы связываете с #container, который всегда есть, а не .item «s.

Ничто больше потребностей не должно быть сделано, не переприсваивание или вещи