如何为不同的jquery div函数添加一个通用按钮？

Question

我正在尝试创建一个用户定义的进度条，用于使用 jquery 在 html 中播放不同的视频。我必须为所有视频创建相同的下一个、上一个、播放按钮。每个视频都包含在一个 div 中。每个 div 包含某种 css 动画。每当我们播放每个视频时，所有动画都必须正常工作。如果有人之前做过这个项目，请帮助。

$(".wrapper-all .wrapper-inner .content2 .content-inner-wrapper .content2-inner button").click(function() {

  $(".videoo1").get(0).pause();

  $(".wrapper-all .wrapper-inner .content2").hide();

  $(".wrapper-all .wrapper-inner .content3").show();

  $(".videoo2").get(0).play();

  $(".wrapper-all .wrapper-inner .content3 .content-inner-wrapper").show();

  setTimeout(function() {

    $("#c3-anim1").addClass("slide-in-right");

  }, 4000);

});

Answer 1

我不确定它是否会起作用，但您可以在 div 类上创建一个 eventListner，而不是创建不同的按钮。单击任何按钮时生成随机 ID 并将该 ID 绑定到当前 div。使用该 ID，您可以访问和控制该视频的按钮，即播放、暂停、下一步等。如果点击其他视频，您可以删除 ID 属性，或者可以检查 ID 是否可用，否则会生成一个新的。如果不能解决您的问题，我希望这会给您一些想法。谢谢！