0

我是基础新手,我正在尝试制作一些包含各种内容的漂亮标签。为此,我正在使用他们的文档。但是,它不像它应该做的那样工作。Averything 工作正常,除了这些部分不相互覆盖。每个部分都被放置在另一个之后,即使另一个被隐藏。这是一个例子:

  1. 第一个标签
  2. 其他一些标签

如您所见,这非常丑陋。这是我的代码:

<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 没有检测到任何错误)。

4

1 回答 1

0

尝试添加:

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

...到页面底部。

顺便说一句,我也不能让我的工作:-/

更新:foundation.min.js 已经包含foundation.section.js 我的错!

于 2013-08-20T21:28:58.537 回答