Javascript 基金会5披露了赢和×X27；t打开（用jQuery附加到正文）

我一直在网上搜索关于我的问题的答案，但什么也找不到

我已经用jQuery向主体附加了一个启示模态。现在，当我点击打开模态的按钮时，只显示叠加。我就是不知道是什么引起了这个问题

我在codepen上创建了一个示例

“打开模式1”应以编程方式打开附加的模式。 “打开模式2”打开直接放置在车身中的模式。（这只是为了说明它通常是有效的）

也许你们中的一个可以帮我

多谢各位

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

TypeError:未定义设置

---

this.show（modal，settings.css.open）

> P>在附加了模态内容DIV/P>后，你必须打电话给基金会。

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

$（文档）.ready（函数（）{
$（“正文”）。追加（“测试揭示”
”）；
$（document.foundation（）；
$（文档）.on（'单击'，'）。触发函数（e）{
e、 预防默认值（）；
美元（“.foo1”）.foundation（‘显示’、‘打开’）；
});
$（文档）.on（'单击'，'）。触发函数（e）{
e、 预防默认值（）；
美元（“.foo2”）.foundation（‘显示’、‘打开’）；
});  
});