2

我有一个将 iframe 写入页面的脚本。我想定位这个 iframe 内的链接以具有功能。问题是：编写 iframe 后，我使用以下代码：

$('#iframe_pin').load(function () {
            $(this).contents().find('a.close').click(function (event) {
                event.preventDefault();
                $('.loaded').fadeOut(fade_time).remove();
            })
        })

它不起作用。但是，如果我在加载函数之后发出警报，如下所示：

$('#iframe_pin').load(function () {alert('bla bla');
            $(this).contents().find('a.close').click(function (event) {
                event.preventDefault();
                $('.loaded').fadeOut(fade_time).remove();
            })
        })

有用！

当然我不能在代码中保留警报:)

谁能帮我？

4

1 回答 1

2

从评论中你有类似的东西：

<div class="loaded">
    <iframe id="iframe_pin" src="abc.html" width="100%" height="100%">
</div>

所以，你需要做的就是：

$("#iframe_pin").load(function() {

    // let's get the iframe source
    var iframe = $("#iframe_pin").contents();

    iframe.find("a.close").bind("click", function() {
        $(".loaded").fadeOut('slow', function() {
            // now that the FadeOut is finished, let's remove
            $(".loaded").remove();
        });
        return false; // let's prevent to jump in the click
    });
});

在我自己的空间工作的例子

示例 2<iframe>通过动态创建

示例 3通过动态创建<iframe>、删除它们并重新创建它们

于 2011-06-07T10:50:11.010 回答