0

iframe ソースを<a>URL から変更する必要があります。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
        });
4

2 に答える 2

3

文字列を開くために二重引用符 " を使用していますが、文字列を閉じるために単一引用符 ' を使用しています。2 つの二重引用符または 2 つの単一引用符を使用してください。

$("#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
于 2013-08-04T07:42:48.260 に答える
1

イベントの順序が混同されています。アンカー URL を iframe にロードする正しいコード:

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

ライブ テスト ケース。(かわいい猫と一緒に:))

于 2013-08-04T07:49:29.120 に答える