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

Posted 2023-05-09

【中文标题】将参数附加到单击后在 DOM 中加载的 iframe

【英文标题】：Append param to iframe that loads in the DOM after click

【发布时间】：2017-08-03 17:07:05

【问题描述】：

我正在尝试在 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';
    );
 );

【参考方案1】：

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

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

希望这会有所帮助。