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

Question

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

如果尚未存在，则如何在点击时将参数?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
});

希望这有帮助。