javascript - 单击动态创建的按钮时如何暂停嵌入式 mp4 的播放？

Question

我正在使用 QuickQuiz https://github.com/UrbanInstitute/quick-quiz 中的代码并修改了代码以使用嵌入式视频(mp4)而不是从 json 文件加载的 img，并且还使用 SweetAlert2 库而不是最初实现的第一个 SweetAlert。我想在四个视频中的任何一个出现时暂停每个视频的播放测验btn btn 单击按钮。这些按钮均使用 swal.Fire 触发 SweetAlert2 对话框。

我尝试在页面上包含脚本，如下所示:

document.querySelector("#quiz > div > div.item.active > div.quiz-answers > div:nth-child(1)").addEventListener("click",function() {
document.querySelector("#quiz > div > div.item.active > div.ncc.text-center > video").pause();});

我也尝试过

$('.quiz-button btn').on('click', function() {
        $('#video').attr('src', ''); });

直接在代码中。我唯一成功的事情是让第一个视频在单击按钮时停止播放 - 但以下视频都不会停止播放。请帮忙，非常感谢。

Answer 1

这实际上是一个常见问题，您需要按如下方式更改点击功能:

改变$('.quiz-button btn').on('click', function() {

至

$(document).on('click','.quiz-button btn', function() {