0

ウィンドウのサイズが変更されるまでセクションは表示されません。

foundation.css:2413 この行のコードで、section-container を visibility:hidden に設定しています。実際のコードをコピーしましたが、例でも div を含むコードでは機能しません。

<div class="large-8 columns large-centered">                        
    <form class="custom ajaxform" data-validate="parsley" method="post" action="formProcess"> 
        <input type="hidden" name="formtype" value="test" >               
        <fieldset>
            <legend>Test</legend>
            <span class="icon24 icon-close"></span>
            <h4><small>Test</small></h4>
            <?= View::make('forms.header') ?> 
            <h4><small>Test</small></h4>
            <div class="section-container tabs" data-section="tabs">
                <section class="active">
                    <p class="title" data-section-title><a href="#">Test</a></p>
                    <div class="content" data-section-content>
                        <div class="row">
                            <div class="large-4 columns">
                                <label>Test *</label>
                                <input type="text" name="test" data-required="true">
                            </div>                                                                                               
                        </div>
                    </div>
                </section>
                <section>
                    <p class="title" data-section-title><a href="#">test Tab 2</a></p>
                    <div class="content" data-section-content>
                        <div class="row">
                            <div class="large-6 columns">
                                <label>Second *</label>
                                <input type="text" name="second" data-required="true">
                            </div>                                                        
                        </div>                                                        
                    </div>
                </section>
            </div>                
            <div class="row">
                <div class="large-12 columns">
                    <button class="small radius button" style="float:right" type="submit">Submit</button>
                </div>
            </div>      
        </fieldset>
    </form>
</div>
4

2 に答える 2

0

おそらく、プログラムでセクションを追加していたためです。その場合、ファウンデーションがそれらを正しく描画するようにトリガーされるように、強制的にサイズ変更する必要があります。

私は同じ問題を抱えていましたが、すばやくグーグルした後、これで解決しました：

$('[data-section]').trigger('resize');
于 2013-11-22T09:12:50.437 に答える