jQuery .click（）不会触发特定元素

Question

当有人点击本网站主页上从一张幻灯片移动到另一张幻灯片的箭头（当你将鼠标悬停在浮动框上时出现）时，我正在尝试注册： http ： //questtours-dc.com但是对于某些人来说因为箭是一个黑洞。

我有多个功能设置来记录点击，试图解决这个问题。 这是一个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 ');
});

Answer 1

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

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

Answer 2

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

如果它被动态附加到页面（意味着当文档准备就绪时它实际上不存在），那么你必须使用on()方法，如下所示：

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