jquery - 通过链接时如何隐藏 iframe（即跟随鼠标）？

Question

我有一个绑定到 mousemove 的 iframe。

这意味着这个 iframe 随处可见鼠标光标。

但是当它通过链接时，我需要隐藏/禁用/使其不可见。

我需要在传递链接时隐藏/禁用 iframe，否则链接将变得不可点击（因为 iframe 在它上面）。

它必须是通用链接，所以我不能使用 id，它必须与通用链接标签相关

---

答案：http: //jsfiddle.net/ZPA5g/

我会将表单隐藏在链接、输入和图像或我需要的任何元素中。

阅读两个答案的评论以检查其差异。两者都有效。

Answer 1

你的代码：

$(document).bind('mousemove', function(e){
$('#tail').css({
   left:  e.pageX - 20,
   top:   e.pageY - 18
});
});

试试这个：

$(document).bind('mousemove', function(e){
$('#tail').css({
   left:  e.pageX - 20,
   top:   e.pageY - 20
});
});

光标上方的 +2px 空间就足够了。

Answer 2

这可以通过使用 .on() 函数来解决吗？

http://api.jquery.com/on/

好的。

$('a').live("hover", function() {
  $('#tail').hide();
});

或者。

$('a').live("mouseenter", function() {
  $('#tail').hide();
});
$('a').live("mouseout", function() {
  $('#tail').show();
});