我想使用一个 iFrame 来显示另一页面的内容。我无法控制显示的 HTML,因此无法更改它。 我可以以某种方式“禁用”该页面上的导航吗? (我需要该页面,因为那里的数据将被更改,并且我需要在我自己的 HTML 上显示结果,但不希望用户单击它,因为将更改为他们的主页,其中包含的信息并不意味着什么给用户)
这就是我所拥有的,但阻止功能在 iframe 上不起作用...
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js" type="text/javascript">
</script>
<script>
$(document).ready(function() {
$('#tabela').click(function( event ) {
event.preventDefault();
});
});
</script>
<div id=tabela>
<h1>Classificação Atualizada</h1>
<iframe width='700' height='600' frameborder='0' scrolling='no' src="http://boleirofc.com/classificacao.php?idTemporada=3115"></iframe>
</div>
最佳答案
用透明的 <div>
覆盖 iFrame尺寸相同,但 z-index 更高
<div id=tabela style="width:700px; height:600px; position:relative">
<div style="z-index=1000;position:absolute; height:100%; width:100%; opacity:0; top:0;left:0;"></div>
<iframe style="z-index:999" width='700' height='600' frameborder='0' scrolling='no' src="http://boleirofc.com/classificacao.php?idTemporada=3115"></iframe>
</div>
查看此fiddle
关于javascript - 禁用 HTML 之外的 iframe 上的导航,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19484262/