Jquery 当iframe（在鼠标后面）经过链接时，如何隐藏它？

我有一个iframe绑定到mousemove

这意味着该iframe在鼠标光标移动的任何地方都会跟随鼠标光标

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

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

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

---

答案是：

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

阅读两个答案上的注释以检查其差异。这两种方法都有效。

您的代码：

$(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
});
});

---

+光标上有2倍的空间就足够了。

是否可以使用.on（）函数修复此问题

嗯

或者

---

好的，但这并不能回答我的问题。我需要在传递链接时隐藏/禁用iframe，否则链接将不可链接（因为iframe位于链接上方）。不，您不需要隐藏iframe。请参阅，我需要在光标后面的iframe，并且光标必须位于iframe内部。当光标移动到链接上时，iframe必须远离链接、隐藏、禁用、不可见或其他内容，以便我可以实际单击该链接。确定。如果必须在iframe内，您可以提升链接：a{z-index:10000；position:relative；}我可以使用您的解决方案，但它会使我的链接停留在我的菜单上，如果您能找到一种方法来强制我的菜单停留在顶部，或者让链接停留在后面，我将非常感激。。。看看这个：我的链接现在正在推断我的菜单。可能使用CSS层。。我试过了，但没有成功。谢谢（或者.live（），如果你是JQuery 1.7之前的版本）也许，我不知道，我对JQuery还不太熟悉。有人能试试吗？这个答案正是我想要的。干净简单的jquery解决方案；它将在页面的任何地方显示iframe，甚至在div内部。除了通过链接。正是我想要的。如果您只想在清晰的页面侧边区域显示iframe，例如要显示广告，请使用@Pethical解决方案。谢谢。有个问题发生了。我刚想好，对不起。当超过表单元素（如输入文本框、复选框等）时，表单仍将显示。。所以我不能用表格。不管怎样，要解决这个问题吗？尝试在输入文本框中写入内容。。。我只是找到了使用多个选择器的正确方法=D

$（'a，input'）。现场…

现在一切都很完美。。您可以在这里查看jsfiddle.net/zpa5g您能告诉我们您的总体目标是什么吗？有时最好重新思考整个解决方案。@idrumgood，这就是实际情况，因为您可以看到出现了一个问题。当超过表单元素（如输入文本框、复选框等）时，表单仍将显示。。所以我不能用表格。尝试在输入文本框中写入内容。。。如果为

'input'

替换

'a'

，它将在输入元素中工作。我想知道是否有一种方法可以在同一代码上引用这两个元素，比如

$（'a'，'input'）。live…

，但这不起作用。好吧，我只是找到了使用多个选择器的正确方法=D

$（'a，input'）。现场…

现在一切都很完美。。你可以在这里查一下

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

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