jQuery悬停功能帮助

时间:2010-06-21 14:11:03

标签: jquery

使用jQuery hover函数,我想在用户点击与以下内容匹配的菜单项时将iframe src值设置为null:

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

我基本上想检查用户在“sf-with-ul”和href为“#”时点击顶级菜单项的时间

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

同样,只想在顶级/父级别触发悬停功能(仅限第一次出现)。

感谢。

1 个答案:

答案 0 :(得分:0)

你可能想要研究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启用我更喜欢的悬停,使其更加优雅。