javascript - 单击事件在 svg 路径上不起作用

Question

嗨，我正在处理一些东西，我正在使用 svg 路径，但 svg 的点击事件不起作用

  $path.map(function(){
    $(this).mouseenter(function(){
        $count = $path.attr('data-like');
        $('#counter').text($count);
        $('#tool').addClass('active');

    });
    $(this).mousemove(function(e){
        $('#tool').css({'top': e.pageY + -14,'left': e.pageX + -14});
    });
    $(this).mouseleave(function(){
        $('#tool').removeClass('active');
    });
    $(this).click(function(){
        console.log('click');
    });


  });

为什么它不起作用？

编辑:当我在 mouseenter 函数中犯了一个错误时，奇怪的是单击函数开始工作。

Answer 1

尝试使用 on 事件处理程序:

 $path.map(function(){
    $(this).mouseenter(function(){
        $count = $path.attr('data-like');
        $('#counter').text($count);
        $('#tool').addClass('active');

    });
    $(this).mousemove(function(e){
        $('#tool').css({'top': e.pageY + -14,'left': e.pageX + -14});
    });
    $(this).mouseleave(function(){
        $('#tool').removeClass('active');
    });
    $(this).on("click", function(){
        console.log('click');
    });


  });