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

Question

我有一个iframe绑定到mousemove。

这意味着这个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();
});