Question

我一直在搜索SO和网络以寻找我的问题的答案，但找不到任何东西。

我使用jQuery向BODY附加了一个揭示模式。现在当我点击打开模态的按钮时，只显示叠加层。我无法弄清楚导致问题的原因。

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

“Open Modal 1”应该打开以编程方式附加的模式。 “Open Modal 2”打开模态，直接放在BODY中。（这只是为了表明它通常有效）

也许你们其中一个人可以帮助我。

非常感谢。

编辑： Firebug中显示此错误：

TypeError：设置未定义 this.show（modal，settings.css.open）;

Answer 1

添加模态内容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');
         });  
    });

基础5揭示将无法打开（使用jQuery附加到BODY）

1 个答案: