Javascript JQuery按钮无法再次单击？

我使用Youtube iframe api在点击按钮时播放Youtube视频。 单击按钮时，Html代码将替换为youtube iframe视频代码。 视频结束时，先前的html代码将被替换。 但有些按钮的点击方式在第二次不起作用。 请帮忙

这是我的HTML和JQuery代码

jQuery（文档）.ready（函数（）{
jQuery（'.play_按钮'）。单击（函数（e）{
var html_sidebar=jQuery（this）.closest（“.sidebar-container2”）.html（）；
var播放器；
e、 预防默认值（）；
播放器=新的YT.player（'视频播放'{
高度：'345px'，
宽度：“100%”，
videoId:'7o0Nkfdp2s4'，
活动：{
“onReady”：onPlayerReady，
“onStateChange”：onPlayerStateChange
}		    
});
//自动播放视频
函数onPlayerReady（事件）{
event.target.playVideo（）；
}
//视频结束时
函数onPlayerStateChange（事件）{
如果（event.data==0）{
jQuery（'#tertiary1'）.html（html#u边栏）；
}
}
});
jQuery（“#观看视频”）。单击（函数（e）{
var html_sidebar=jQuery（this）.closest（“.sidebar-container2”）.html（）；
var播放器；
e、 预防默认值（）；
播放器=新的YT.player（'视频播放'{
高度：'345px'，
宽度：“100%”，
videoId:'7o0Nkfdp2s4'，
活动：{
“onReady”：onPlayerReady，
“onStateChange”：onPlayerStateChange
}
});
//自动播放视频
函数onPlayerReady（事件）{
event.target.playVideo（）；
}
//视频结束时
函数onPlayerStateChange（事件）{
如果（event.data==0）{
jQuery（'#tertiary1'）.html（html#u边栏）；
}
}
});
});

交付变更基金
DCF是一个独立的组织，与政府和社区合作完成国家转型

观看视频

更改原始html标记时，需要使用

事件处理程序绑定到初始的
#watch video
，它将被替换并再次添加，因此事件将丢失

jQuery(document).on('click','#watch-video',function(){

});

您可以使用静态父级而不是
jQuery（document）
，来委托此事件，在您的情况下，此事件是：

jQuery('#tertiary1').on('click','#watch-video',function(){

});

更新：

如果有多个按钮触发器，请使用组合选择器

jQuery('#tertiary1').on('click','#watch-video,.play_button',function(){

})

您需要使用，将选择器代码替换为以下代码，然后重试

jQuery(document).on('click', '#watch-video', function (e) {

查看更新的代码，您可以使用一个单击处理程序，而不是两个单独的处理程序。