将参数附加到单击后在 DOM 中加载的 iframe

Question

我正在尝试在 iframe 中自动播放 YouTube 视频。当我单击触发元素时，iframe 会加载到 DOM 中：a.colorbox.cboxElement

当 iframe 网址尚不存在时，如何在点击时将参数 ?autoplay=1 传递到 iframe 网址的末尾？

适用于加载的 iframe 的脚本：

jQuery( "a.colorbox.cboxElement" ).click(function() {
    jQuery("#colorbox iframe").attr('src', function() {
        return this.src + '?autoplay=1';
    });
 });

Answer 1

您应该使用事件委托on()，因此您的click 事件也适用于动态添加的新 iframe：

jQuery( 'body' ).on('click', 'a.colorbox.cboxElement',function() {
   //Your logic
});

希望这会有所帮助。