使用 jQuery 悬停功能

Question

使用 jQuery 悬停功能，当用户单击与以下内容匹配的菜单项时，我想将 iframe src 值设置为 null：

<li class="current">
<a class="sf-with-ul" href="#">CTI</a>

当类为“sf-with-ul”且href为“#”时，我基本上想检查用户何时单击*菜单项

我不确定如何执行此操作，然后在用户单击上述选择器时附加悬停功能。

我只想在顶层/父级触发悬停功能（仅限第一次出现）。

Answer 1

您可能想研究一下 jQuery 选择器语法。 http://api.jquery.com/attribute-equals-selector/

如果我正确理解你的问题，我会尝试这样的。

var clicked = false;

$(".sf-with-ul[href='#']").click( function () {
  clicked = true;
});

// Only hover if it's clicked

$("selector").hover( function () {
  if (clicked) {
  // do something hover over
}
}, function () {
 if (clicked) {
  // do something hover out
}
});

编辑：另一个答案使用.bind 来启用我更喜欢的悬停，让它更优雅一些。