- html - 我的下拉菜单的内容关闭得太快
- c# - 使用 Html Agility Pack 从网页中的表中获取值而不使用 "SelectNode'
- html - 内容容器下的 CSS 下拉菜单
- html - 如何停止嵌套列表重叠父列表?
我有兴趣学习以智能、优雅的方式在整个站点中构建导航项,这些导航项具有胡萝卜,单击后会展开菜单项列表。
我希望动态构建菜单项(不一定全部使用 ajax)。但它们不应在页面上进行硬编码。
这似乎是像 TWITTER 这样的网站处理下拉列表的方式......
例如,在 Twitter 上,他们有:“转推\/”,当您单击胡萝卜时,它会在页面中注入(inject)以下内容:
<ul class="drop-down" style="left: 0px; right: auto; top: 31px; visibility: visible; ">
<li class="stream-link" data-item-id="">
<a title="Retweets by others" href="/#!/retweets_by_others">
<b class="item-name">
Retweets by others
</b>
</a>
</li><li class="stream-link" data-item-id="">
<a title="Retweets by you" href="/#!/retweets">
<b class="item-name">
Retweets by you
</b>
</a>
</li><li class="stream-link" data-item-id="">
<a title="Your Tweets, retweeted" href="/#!/retweeted_of_mine">
<b class="item-name">
Your Tweets, retweeted
</b>
</a>
</li>
</ul>
关于如何实现这一点的建议?
谢谢
最佳答案
$("button").next().hide();
$("button .carrot").click(function() {
$button = $(this).parent().toggleClass("active");
$button.parent().next().toggle().offset($button.offset());
});
如果您的 html 看起来像这样:
<button>Button <span class="carrot">v</span></button>
<ul>
<li>blah blah blah</li>
</ul>
关于jQuery - CSS DropDown Navigation Items - 如何构建 Carrot Dropdown,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3865256/
我正在使用 Carrot Search FoamTree 代码将超链接添加到我的 html 页面。这是我的代码: // Initialize FoamTree after the whole p
我对应该使用哪一个有点困惑。我认为任何一种都可以,但哪一种比另一种更好或更合适? http://github.com/ask/carrot/tree/master http://github.com/
我有兴趣学习以智能、优雅的方式在整个站点中构建导航项,这些导航项具有胡萝卜,单击后会展开菜单项列表。 我希望动态构建菜单项(不一定全部使用 ajax)。但它们不应在页面上进行硬编码。 这似乎是像 TW
我试图保持相同的样式(摘要描述和摘要标题)。我希望包含 Apple、Banana 和 Carrot 文本的 div 全部居中。 我想让西瓜文字保持左对齐。 我将如何完成这个? 查看我的 jsfiddl
我是一名优秀的程序员,十分优秀!