Javascript 为什么当我悬停在Div上时,我的音频没有播放?

Javascript 为什么当我悬停在Div上时,我的音频没有播放?,javascript,html,css,audio,Javascript,Html,Css,Audio,我重复的径向渐变没有播放音频。 有人能帮忙吗?我想我的身份证有问题。 第一个链接是代码,第二个链接是站点。 Javascript代码中的主要问题是: HTML中没有id为navtwo的元素,您的意思是grad1 您正在克隆音频元素,但.play()只能在上执行 您还可以通过将mouseenter调用移动到.每个函数中来简化音频触发的方式(从而消除对数据属性的需要) 触发器是id@Robocop79我编辑了我的帖子,代码保留了ids@Robocop79对不起,我现在没有什么好的建议。你最初的J

我重复的径向渐变没有播放音频。 有人能帮忙吗?我想我的身份证有问题。 第一个链接是代码,第二个链接是站点。
Javascript代码中的主要问题是:

  • HTML中没有id为
    navtwo
    的元素,您的意思是
    grad1
  • 您正在克隆音频
    元素,但
    .play()
    只能在
    上执行
您还可以通过将mouseenter调用移动到
.每个
函数中来简化音频触发的方式(从而消除对
数据
属性的需要)


触发器是id@Robocop79我编辑了我的帖子,代码保留了ids@Robocop79对不起,我现在没有什么好的建议。你最初的Javascript代码有正确的想法,你只是有两个小错误:)我想你应该继续尝试,谷歌错误,阅读Jquery和Javascript文档,学习基础知识,你最终会成功的。这是用于悬停在div上的mp3文件。第一个链接是用于测试的单独版本,第二个链接是单独的代码
$("#grad1 a").each(function(i) {
  if (i != 0) {
    $("#bay").parent()
    .clone()
    .attr("id", "bay" + i)
    .appendTo($(this).parent());
  }
  $(this).data("bay", i);
})
.mouseenter(function() {
  $("#bay" + $(this).data("bay"))[0].play();
});
$("#grad1 a").each(function(i) {
  if (i != 0) {
    var clonedaudio = $("#bay").parent()
      .clone()
      .appendTo($(this).parent());

    $(this).mouseenter(function() {
      clonedaudio[0].play();
    });
  }
})