Question

我有这个代码在iframe中打开链接

<a href="http://www.example.com/" target="iframe1">link</a>

</br></br>

<iframe id="iframe1" name="iframe1" src="#"></iframe>

我希望隐藏iframe，直到点击链接，然后点击链接后隐藏链接

我需要使用javascript / jQuery

谢谢

Answer 1

将链接放在Span标记中并执行以下操作：

$("#link").click(function(e) {
    e.preventDefault();

    //Assuming you're assigning the source dynamically, if not, comment out below line.
    $("#iframe1").attr("src", $("link").attr("value");
    $("#iframe1").show();

    $("#linkBeGone").hide();
});

创建链接“＃”的href属性，并将值设为您想要iFrame的src。

<span id="linkBeGone"><a id="link" value="http://www.example.com/" href="#" target="iframe1">link</a></span>

</br></br>

<iframe id="iframe1" name="iframe1" src="#"></iframe>

Answer 2

我会做以下事情：

<div id="linkDiv">
    <a href="#" id="theLink">Link</a>
</div>
<br/><br/>
<iframe id="iframe1" name="iframe1" src="#"></iframe>

$(document).ready(function(){
    $("#iframe1").hide();
    $("#theLink").click(function(){
        $("#iframe1").show();
        $("#linkDiv").hide();
        return false;
    });
});

隐藏iframe直到链接被点击，然后在点击链接后隐藏链接

2 个答案: