3

我希望我的问题能简洁明了。

可以说我定义了一些 CSS。

.someCSS-name:hover > .list-item,
.someCSS-name:active > .list-item,
.someCSS-name:focus > .list-item { display:block; }

现在，在我的 jquery 代码中，如何使用上面的 css 创建或绑定一个制表符。Sorta 有选项卡按键继承该 css 行为吗？

也许我在这里想多了。

<li class="someCSS-name" id="linkoneli">
    <a href="someURL" id="linkonenav">Link One</a>
    <div class="list-item">show this content</div>
</li>

那是一个片段，基本上是该链接上的用户选项卡-我有一个弹出窗口显示..但不是明确地 eventHandling 和弹出它等等。我希望我可以使用我的 CSS 以某种方式绑定到我的选项卡/按键..可能吗？所以标签将与“悬停”等相同。

4

2 回答 2

2

实际上，如果您在锚元素焦点状态上使用 css 选择器，您将实现该效果。这是您可能需要的片段。

#linkonenav:focus ~ .list-item {
  display: block;
}

jsFiddle 只是为了尝试http://jsfiddle.net/greenrobo/eLCmM/

于 2013-01-24T22:30:39.680 回答
1

最简单的方法是在按键上切换 .someCSS 所以

$('.myElements').toggleClass('someCSS');

如果这将打开/关闭悬停的CSS。如果您只想切换悬停打开和关闭的任何样式，只需将这些样式移动到 .active 类并切换该类即可

$('.someCSS').toggleClass('.active');
于 2013-01-24T21:15:58.817 回答