时间戳

首页 > 解决方案 > 应该将什么传递给“data-append-to”插件选项以使基础显示注入自定义 div？

javascript - 应该将什么传递给“data-append-to”插件选项以使基础显示注入自定义 div？

问题描述

这是我的结构（简化以演示问题）：

<html>
   <body>
      <form>
         <div class="siteContainer">
            <div class="reveal-modal" data-reveal>
               <div class="form-fields">
                  <input type="submit" />
               </div>
            </div>
         </div>
      </form>
   </body>
</html>

这是在浏览器上呈现的结构：

<html>
   <body>
      <form>
         <div id="siteContainer">
         </div>
         ...
      </form>
      <div class="reveal-overlay">
         <div class="reveal-modal" data-reveal>
            <div class="form-fields">
               <input type="submit" />
            </div>
         </div>
      </div>
   </body>
</html>

由于显示将我的表单容器 div 附加到表单标记之外，因此我的提交不起作用。我使用了插件选项data-append-to 并传递了站点容器 div 的 id，但模式在同一个地方呈现。

<div class="reveal-modal" data-reveal data-append-to="siteContainer">

如何使显示附加在我的表单标签内？

注意：我被限制在“form-fields”div 之外使用另一个表单标签。

标签： javascriptzurb-foundation

解决方案

我遇到了同样的问题。您需要在 data-append-to 中以 # 开头您的属性。

data-append-to="#siteContainer"

推荐阅读