个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
28
4
点击按钮并没有像我认为的那样创建一个下拉列表。有谁知道我在这里做错了什么或者为什么它可能不起作用？
<!doctype html>
<html class="no-js" lang="en">
<meta charset="" />
<meta name="viewport" content="width=device-width, initial-scaler=1.0" />
<script src="js/foundation/foundation.dropdown.js"></script>
<script src="js/foundation/foundation.js"></script>
<link rel="stylesheet" href="css/foundation.css" />
<body>
<div class="row">
<div class="column">
<a href="#" class="button dropdown" data-dropdown="drop1">dropdown</a>
</div>
</div>
<ul class="f-dropdown" data-dropdown-content id="drop1">
<li>item</li>
<li>item</li>
<li>item</li>
<li>item</li>
</ul>
<script>
$(document).foundation();
</script>
</body>
</html>最佳答案
您没有加载 jquery，另外，您的 css/js 文件有问题，仔细检查您的路径。
<!doctype html>
<head>
<html class="no-js" lang="en">
<meta charset="" />
<meta name="viewport" content="width=device-width, initial-scaler=1.0" />
<link href="https://cdnjs.cloudflare.com/ajax/libs/foundation/5.5.2/css/foundation.css" rel="stylesheet"/>
</head>
<body>
<div class="row">
<div class="column">
<a href="#" class="button" data-dropdown="drop">Link Dropdown »</a>
<ul id="drop" class="tiny f-dropdown" data-dropdown-content>
<li><a href="#">This is a link</a></li>
<li><a href="#">This is another</a></li>
<li><a href="#">Yet another</a></li>
</ul>
</div>
</div>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/foundation/5.5.2/js/foundation.js"></script>
<script>
$(document).foundation();
</script>
</body>
</html>关于javascript - 下拉列表问题 ZURB 基金会，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/31995076/
28
4
0
我看过很多关于 Isabelle 的语法和证明策略的文档。然而，我对它的基础知之甚少。我有几个问题，如果有人能花时间回答，我将不胜感激: 为什么 Isabelle/HOL 不承认不终止的函数？许多其他
清除工作正常，但部分的“照片”选项卡保留在照片上。 我刚刚使用了示例代码 章节: http://foundation.zurb.com/docs/components/section.html 清理:
点击按钮并没有像我认为的那样创建一个下拉列表。有谁知道我在这里做错了什么或者为什么它可能不起作用？ dropdown
如何去除 Zurb Foundation 中按钮的背景色？ Button → CSS/更少: .button-arrow { background-color: none;
当您购买产品时，我正在尝试创建像 Apple 一样的产品摘要(侧边栏)。我正在使用 Magellan，它似乎会在 960 像素以下的任何宽度处中断页面。可能跟表有关系。我不确定是否会收到任何帮助或建议
我有一个顶栏菜单，但当页面加载时它位于页面中间的某个位置。当我向上滚动时，我将其设置为 sticky，这样当我滚动页面时它就会固定在顶部。我的问题是，如何使顶部栏内的某些元素仅在它已经粘在顶部时才出现
我正在尝试切换 large-8 和 large-4 这两列的位置，我希望在小屏幕上查看页面时文本位于图像下方。 列结构是这样的 div id="roofing">
@player_profile.user %> @player_profile %> 预览 我会做一些类似 Fancy.com
.grid-container的默认宽度是多少？在大屏幕上？我怎样才能改变它并使它变大？正确的做法是什么？ 最佳答案 .grid-container 的默认宽度在_settings.css 文件中定义
.grid-container的默认宽度是多少？在大屏幕上？我怎样才能改变它并使它变大？正确的做法是什么？ 最佳答案 .grid-container 的默认宽度在_settings.css 文件中定义
我使用的是 zurb foundation v.6，它是 flex 网格，而不是使用 float 的普通网格。我制作了一个页脚，其中有 2 个 div，我希望每个 div 都对齐到自己的末端。这是代码
谁能告诉我为什么我的网格布局中可能会有看似随机的“漏洞”？我正在使用 Zurb Foundation。 尽管这是一个基本的网格布局，但有些列会无缘无故地向右浮动。看起来好像偶尔缺少一篇文章，但如果您查
我在 Zurb Foundation 3 中创建了一个相当典型的布局。这是一行，左边是八列(包含一个 Orbit slider )，然后是右边的广告(“fluke”广告)和盒子的 4 列在广告下方，在
是否可以制作垂直子导航？在文档页面中只有水平的，我找不到如何垂直显示元素 编辑:这里是基础文档的链接:http://foundation.zurb.com/docs/components/subnav
我在我的 react 组件中使用基础 Accordion 。 因此，如果让组件呈现静态 HTML，则此代码可以工作，但是，如果我通过循环执行此操作，则 Accordion 不可单击。 UL react
我试图让显示模式从窗口底部弹出，但我就是无法让它工作，任何帮助都会很棒。 我一直在尝试使用下面的reveal js(原始代码)编辑打开函数。 谢谢 open : function (target, a
在我们的 WordPress 博客上，样式似乎是从 foundation.css 文件继承的。 特别是我们想要更改的标题字体大小。 例如，on this page ，当我们检查元素时，h2 的字体大小
我刚刚复制了示例代码，但无法正常运行。 示例:http://goo.gl/wrw2v 缩略图有不同的大小，当我点击缩略图时，大图像不会改变。 最佳答案 它不是同一个html结构。第二张图片未包裹在
我非常喜欢 Foundation 5，现在我正在尝试使用 Foundation 6 作为我的标准。但是我在响应式切换(导航)方面遇到了问题。如你所见here ，移动导航始终可见且没有内容。 这是我的
好的，这是我的代码笔 http://codepen.io/anon/pen/epbePZ Programs BackPrograms
我是一名优秀的程序员,十分优秀！