为什么这不起作用？我知道我可以使用 target，但我需要使用 jquery。
<html>
<head>
<script src="http://code.jquery.com/jquery.min.js"></script>
</head>
<body>
<a href="test1.html" onclick="test()">Test 1</a> <br>
<a href="test2.html" onclick="test()">Test 2</a>
<p><iframe id="viewer" src="" frameborder="1" style="width:400px; height:600px"></iframe>
<script>
function test() {
var goto = $('this').attr('href');
$('#viewer').attr('src', goto);
}
</script>
</body>
</html>
最佳答案
为了实现这一目标，您需要进行一些更改。
标记
<a href="test1.html">Test 1</a>
<a href="test2.html">Test 2</a>
JS
$(document).ready(function(){
$(a).click(function(event){
event.preventDefault();
var goto = $('this').attr('href');
$('#viewer').attr('src', goto);
});
});
问题在于，当您单击 anchor 时，当前窗口的 href 会更改为 anchor 标记的 href 属性中指定的相应 href。所以你需要阻止默认处理。因此，在函数中添加了 event.preventDefault() 来实现这一目的。
关于jquery - 带有使用 jquery 的链接的目标 iframe 不起作用，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/31390957/