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

Posted

技术标签:

【中文标题】将参数附加到单击后在 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
);

希望这会有所帮助。

【讨论】:

以上是关于将参数附加到单击后在 DOM 中加载的 iframe的主要内容,如果未能解决你的问题,请参考以下文章