javascript - Foundation 5 reveal 不会打开(用 jQuery 附加到 BODY)

Question

我一直在 SO 和 Web 上搜索我的问题的答案，但找不到任何东西。

我已经使用 jQuery 向 BODY 添加了一个显示模态。现在，当我单击打开模式的按钮时，只显示叠加层。我只是想不通是什么导致了这个问题。

我在 codepen 上创建了一个示例。 http://www.codepen.io/anon/pen/KhsGH

“打开模态 1”应该打开以编程方式附加的模态。 “Open Modal 2”打开直接放在正文中的模态。 (这个只是为了说明它通常有效)

也许你们当中有人可以帮我解决这个问题。

非常感谢。

编辑: 此错误显示在 Firebug 中:

类型错误:设置未定义 this.show(modal, settings.css.open);

Answer 1

添加模态内容 div 后必须调用 foundation

    $(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');
         });  
    });