Как настроить привязку для всплывающих окон с помощью Zurb Foundation for Apps?

Question

Я хотел бы использовать функциональность всплывающих окон из Zurb Foundation для приложений ( всплывающая документация Zurb), которая использует Tether ( Tether на GitHub). Я попытался использовать конфигурацию, найденную на GitHub:

            new Tether({
                element: "yellowBox",
                target: "greenBox",
                attachment: 'bottom left',
                targetAttachment: 'top left'
            });

Я использую это в своей директиве Angular JS. Тем не менее, я получаю ошибку JavaScript в tether.min.js (Ошибка: t является нулевым). Это сообщение об ошибке не очень полезно.

В документации Zurb не указано, как настроить всплывающее окно. Я хочу, чтобы всплывающее окно отображалось справа от элемента, который был нажат, чтобы открыть всплывающее окно.

Спасибо за вашу помощь.