使用jQuery悬停函数

使用jQuery hover函数，当用户单击与以下内容匹配的菜单项时，我希望将iframe src值设置为null：

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

我主要想检查当类为“sf with ul”且a href为“#”时，用户何时单击顶级菜单项

我不确定如何做到这一点，然后附加悬停功能时，用户点击上述选择器

---

我只想在顶层/父级（仅第一次出现）启动hover函数。

您可能需要研究jQuery选择器语法

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

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

来启用我更喜欢的悬停，使它更优雅