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
});

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

2 个答案: