Select 揭示模式丢失风格的基础ZURB选择列表

我正在考虑在一个显示模式窗口中包含一个选择列表。我希望自定义表单样式应用于元素，但当元素位于显示模式元素内时，它似乎会中断。您可以看到原始的选择列表及其下面生成的UL元素，以替换它（不应用任何样式）

中例
这是一个下拉列表
这是另一种选择
这也是另一种选择
看，第三个选择

我在表单标签上有class=“custom”属性。将“选择”列表放置在“显示模式”div外部的页面上时，该列表显示良好

---

<>请注意我正在使用最新的4.4.2版修订版，这个问题出现在IE和Chrome上。我已经打开了脚本调试，没有报告错误。

Zurb建议将模式代码放在html标记的最底部，直接放在/body标记的上方

这会中断某些函数，因为zurb在此之前调用了所有脚本。如果将模态代码置于脚本调用之上，它们将正常工作

考虑在文档完成时使用jquery加载脚本，而不是调用页面末尾的所有内容，以使标记更清晰、更容易混淆。

<script>
    $(function () {
        $("#myZurbModal").foundation('reveal', {
            opened: function () {
                $(this).appendTo("form");
            }
        });
    });
</script>

$（函数（）{
美元（“#myZurbModal”）。基金会（‘揭示’{
已打开：函数（）{
$（本）。附录（“表格”）；
}
});
});

自定义表单样式很容易出现问题，可能有很多问题。如果您需要帮助，我建议您成为一名注册用户，然后创建一个可工作的JSFIDLE并将链接添加到您的帖子中。嗨，Shawn，谢谢您，我将对此进行研究。我发现了一个解决办法（除了使用单选按钮代替），在打开显示时，我动态地将选择元素封装在一个表单标签中。我最近更新了项目到基础5，这个问题在Chrome上已经不存在了。在IE中，无论在文档/显示模块中的位置如何，选择列表的样式都会出现中断。您能提供比代码更多的解释吗？谢谢你，我到处找这个。。。对damienfrancois没有什么解释：只要显示（打开）一个模式，该代码就会运行该函数，在本例中，该函数是

$（this）.appendTo（“form”）

。

<script>
    $(function () {
        $("#myZurbModal").foundation('reveal', {
            opened: function () {
                $(this).appendTo("form");
            }
        });
    });
</script>