php - iframe 仅在点击时加载

Question

有没有办法使用 jQuery 让 iframe 在点击时加载，我想要这个，因为 iframe 隐藏在 div 中，只有点击才可见，所以绝大多数用户不会查看iframe，我不希望加载时间受到 iframe 的影响。

这是我尝试过的为数不多的事情之一，iframe 没有加载:

$(function() {
var emba=1;
var embget = 1;
    $(".custemba").click(function(event) {
    event.preventDefault(event);
    if(emba == 1) {
        emba = 2;
        $('.custemb').slideDown();
        if(embget == 2) {
            $('.appendi').append('<iframe src="/player_i.php?aid=12" height="170px" width="100%" scrolling="no"  frameborder="0"></iframe>');
            embget = 2;
        }
    }
    else if(emba == 2) {
        emba = 1;
        $('.custemb').slideUp();
    }
    });
});

Answer 1

看起来像

if(embget == 2)

应该是

if(embget == 1)

而且您不需要在

中添加额外的事件

event.preventDefault();

这是一个简化的版本:

var appendIFrame = true;
$(".custemba").click(function(event) {
    event.preventDefault();
    $('.custemb').slideToggle();
    if(appendIFrame) {
        $('.appendi').append('<iframe src="/player_i.php?aid=12" height="170px" width="100%" scrolling="no"  frameborder="0"></iframe>');
        appendIFrame = false;
    }
});