Javascript click（）不'；不要对特定元素开火

我试图注册当有人点击一个箭头（当你将鼠标悬停在浮动框上时会出现）时，该箭头会在本网站主页上从一张幻灯片移动到另一张幻灯片上：但由于某种原因，这些箭头是一个黑洞

我有多个功能设置来记录点击的时刻，试图弄明白这一点。这是一个Wordpress网站，所以我必须把$in传递进去

jQuery(document).ready(function($) {
  $(document).click(function(){
    console.log(' A click has occurred ');
  });

  $(".et-arrow-next").click(function(){
    console.log(' You clicked the arrow ');
  });

  $(".et-slider-arrows").on('click','.et-arrow-next',function(){
    console.log(' 1 - You clicked the arrow ');
  });

  $("a.et-arrow-next").on('click',function(){
    console.log(' 2 - You clicked the arrow ');
  }); 

  $('#et-slider-wrapper').on('click','.et-arrow-next', function() {
    console.log(' 3 - You clicked the arrow');
  });
});

当您单击页面上除浮动框两侧的两个箭头以外的任何位置时，它会注册一次单击。但只要你点击一个箭头，它就不会显示任何内容

编辑：这也不起作用。在前两次答复后添加

$(".et-arrow-next").on("click", function() {
  console.log(' You clicked the arrow '); 
}); 

编辑2：尝试在鼠标悬停后锁定类也不起作用

$('#et-slider-wrapper:hover .et-slider-arrows a').on('click', function() {
  console.log(' 4 - You clicked the arrow ');
});

$('#et-slider-wrapper:hover .et-arrow-next').on('click', function() {
  console.log(' 5 - You clicked the arrow ');
});

---

如果您尝试单击的元素是从javascript动态生成的，请使用

$( ".et-arrow-next" ).on( "click", function() {
     console.log(' You clicked the arrow ');
});

当您将鼠标悬停在浮动框上时，它会出现

如果它被动态地附加到页面（意味着文档准备就绪时它实际上不存在），那么您必须使用

on（）

方法，如下所示：

$(".someclass").on("click", function(){
    // your code
});

---

不幸的是，这也不起作用。我之前也试过，在看了其他人关于类似问题的提问之后。虽然我在网站上添加了这一行，但它仍然没有记录。元素的类别在悬停期间是否发生了变化？我联系了制作主题的公司，询问是否有什么我没有注意到的东西被放在阻挡它们的箭头前面，但是他们说这个问题超出了他们的支持范围。你试过检查元素了吗？我相信你能修好它我在萤火虫上看到了萤火虫，发现了CSS规则，使箭头在框的两侧移动，但当我使用相同的规则以jQuery的箭头为目标时，它仍然不会记录单击事件。感谢您的解释，但这也不起作用。已将其添加到网站的JS中，以便您可以看到它不起作用。不，当单击箭头时，根本不注册任何内容。搜索主题的javascript，发现这些特定箭头附带了“return false”。所以我假设这就是阻止jQuery注册单击事件的原因。