gpt4 book ai didi

javascript - 无法使基础部分示例工作

转载 作者:行者123 更新时间:2023-11-28 12:29:31 25 4
gpt4 key购买 nike

我是基础的新手,我正在尝试制作一些包含各种内容的漂亮标签。为此,我使用 their documentation .但是,它并没有像预期的那样工作。一切正常,只是这些部分不相互覆盖。每个部分都放在另一个部分之后,即使另一个部分被隐藏。这是一个例子:

  1. > First tab
  2. > Some other tab

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

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

最佳答案

尝试添加:

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

...到页面底部。

顺便说一句,我也无法正常工作 :-/

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

关于javascript - 无法使基础部分示例工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18337369/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com