0

表示モーダルウィンドウ内に選択リストを含めることを検討しています。カスタム フォームのスタイルを要素に適用したいのですが、要素がモーダル要素の表示内にあると、それが壊れているように見えます。元の選択リストが表示され、その下にそれを置き換えるために生成される UL 要素が表示されます (スタイリングは適用されません)。

<div id="divX" class="reveal-modal">

    <div class="large-4 columns">
      <label for="customDropdown1">Medium Example</label>
      <select id="customDropdown1" class="medium">
        <option DISABLED>This is a dropdown</option>
        <option>This is another option</option>
        <option>This is another option too</option>
        <option>Look, a third option</option>
      </select>
    </div>

</div>

form タグに class="custom" 属性があります。選択リストが明らかにモーダル div の外側のページに配置されると、問題なく表示されます。

- 最新の Foundation 4.3.2 リビジョンを使用しており、IE と Chrome の両方で問題が発生することに注意してください。スクリプトのデバッグを有効にしましたが、エラーは報告されていません。

4

2 に答える 2

1 
<script>
    $(function () {
        $("#myZurbModal").foundation('reveal', {
            opened: function () {
                $(this).appendTo("form");
            }
        });
    });
</script>
于 2013-11-20T15:09:16.903 に答える