Раскрытие Foundation 5 не открывается (добавлено в BODY с помощью jQuery)

Question

Раскрытие Foundation 5 не открывается (добавлено в BODY с помощью jQuery)

0

Я искал SO и Интернет для ответа на мою проблему, но ничего не нашел.

Я приложил к модулю ТЕЛЕВИДЕНИЕ с jQuery. Теперь, когда я нажимаю кнопку, которая открывает модальную, отображается только оверлей. Я просто не могу понять, что вызывает проблему.

Я создал пример для codepen. http://www.codepen.io/anon/pen/KhsGH

"Open Modal 1" должен открыть программно добавленный модальный. "Open Modal 2" открывает модальный, который помещается непосредственно в BODY. (Это просто показать, что он обычно работает)

Может быть, один из вас, ребята, может мне помочь.

Большое спасибо.

EDIT: эта ошибка отображается в Firebug:

TypeError: настройки не определены this.show(modal, settings.css.open);

Shibbir Ahmed 17 фев. 2014, в 12:49

Источник

Теги:

javascript

jquery

html

zurb-foundation

css

1 ответ

Ещё вопросы

Shibbir Ahmed · Accepted Answer · 2014-02-17T10-23-00.000Z

Вы должны вызвать фундамент после добавления модального содержимого div

    $(document).ready(function(){
         $("body").append('<div class="reveal-modal small foo1" data-reveal><p>Test Reveal</p></div>');

         $(document).foundation();

         $(document).on('click', '.trigger_foo1',function(e){
              e.preventDefault();
              $(".foo1").foundation('reveal', 'open');
         });

         $(document).on('click', '.trigger_foo2',function(e){
              e.preventDefault();
              $(".foo2").foundation('reveal', 'open');
         });  
    });