Question

我是基础新手，我正在努力制作一些包含各种内容的精彩标签。为此，我正在使用their documentation。但是，它不像它应该做的那样工作。 Averything工作正常，除了那些部分不相互覆盖。即使另一个部分被隐藏，每个部分也会放在另一个部分之后。这是一个例子：

如你所见，这非常难看。这是我的代码：

<meta name="viewport" content="width=device-width" />
<title>Test Page</title>
<link rel="stylesheet" href="/autoPA/static/css/normalize.css" />
<link rel="stylesheet" href="/autoPA/static/css/foundation.css" />
<link rel="stylesheet" href="/autoPA/static/css/dynamease.css" />

<script src="/autoPA/static/js/vendor/custom.modernizr.js"></script>

</head>
<body>
    <div class="section-container auto" data-section>
        <section>
            <p class="title" data-section-title>
                <a href="#panel1">Section 1</a>
            </p>
            <div class="content" data-section-content>
                <p>Content of section 1.</p>
            </div>
        </section>
        <section>
            <p class="title" data-section-title>
                <a href="#panel2">Section 2</a>
            </p>
            <div class="content" data-section-content>
                <p>Content of section 2.</p>
            </div>
        </section>
    </div>

    <!-- Check for Zepto support, load jQuery if necessary -->
    <script>
        document
                .write('<script src='
                        + ('__proto__' in {} ? '/autoPA/static/js/vendor/zepto'
                                : '/autoPA/static/js/vendor/jquery')
                        + '.js><\/script>')
    </script>
    <script src="/autoPA/static/js/foundation.min.js"></script>
    <script>
        $(document).foundation();
    </script>
</body>
</html>

你们有没有看错呢？（找到包含的每个文件，firebug都没有检测到任何错误。）

Answer 1

尝试添加：

<script src="/autoPA/static/js/lib/foundation/foundation.section.js"></script>

...到页面底部。

顺便说一句，我不能让我的工作： - /

更新：foundation.min.js已经包含了foundation.section.js我的不好！

无法使基础部分示例工作

1 个答案: