javascript - 从链接 href 更改 iframe 源

Question

我需要从<a>url 更改 iframe 源。http://jsfiddle.net/YkKu3/

我的 HTML：

<a class='gotothis' href='http://puu.sh/666.png'>this Image</a>
<button type="button">Click Me!</button>
<iframe id="frameimg" src="" width="300" height="300">
</iframe>


        $('button').click( function(event) {
            var clicked = $(this);
            $("#frameimg").attr("src", " .gotothis image is here, help '); // Here the problem
        });    

Answer 1

您使用双引号 " 打开字符串，但使用单引号 ' 关闭它。要么使用两个双引号，要么使用两个单引号。

$("#frameimg").attr("src", " .gotothis image is here, help "); // Here the problem

或者，如果您指的是要动态读取 gotothis uri，您应该只从 gotothis 元素中读取 href 属性：

$("#frameimg").attr("src", $('.gotothis').attr('href')); // Here there is no problem

Answer 2

你把事件的顺序搞混了。将锚 URL 加载到 iframe 中的正确代码：

$(window).load(function() {
    $('button').click( function(event) {
        var clicked = $(this);
        window.setTimeout(function() {
            $("#frameimg").attr("src", $(".gotothis").attr("href"));
        }, 1000);
    });
});

现场测试用例。（带着一只可爱的猫:)）