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

我有一个iframe绑定到mousemove。

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

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

我需要在通过链接时隐藏/禁用iframe，否则链接将变得无法点击（因为iframe已经超过它）。

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

---

回答： http ： //jsfiddle.net/ZPA5g/

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

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

Answer 1

可以通过使用.on（）函数来解决这个问题吗？

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

好。

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

要么。

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

Answer 2

你的代码：

 $(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空间就足够了。