Question

我正在使用带有HTML内容的工具提示器，并且需要在HTML内容中勾选一个元素。我的代码看起来像这样：

$(".tooltip-template-div").hide();

tooltip-template 只是 tooltip-template-div 和 tooltip-template-span 元素的div容器。

的

public void run() {
        try {
            while (!isInterrupted()) {
                Thread.sleep(1000);
                runOnUiThread(new Runnable() {
                    @Override
                    public void run() {

                    }
                });
            }
        } catch (InterruptedException e) {
        }
    }
};
thread.start();

部分工作正常，但onclick钩子似乎没有任何效果。

谢谢！

Answer 1

您在插入html之前添加了事件监听器：

尝试撤消订单

  functionReady: function(instance, helper){ 
       instance.content($('#tooltip-template').html());  
        $(".tooltip-template-div").hide();
        $('.tooltip-template-span').on("click", function(){ 
            console.log("Clicked!");
        });

    }

Answer 2

您应该在初始化工具提示之前绑定click事件。

$(document).ready(function(){
    $('.tooltip-template-span').on('click', function() {
      alert("Clicked!");
    });

   $('.groups-tooltip').tooltipster({            
        contentCloning: true,
        trigger: 'custom',
        interactive: true,
        contentAsHTML: true,
        triggerOpen: {
            mouseenter: true
        },
        triggerClose: {
            mouseleave: true
        },

        functionReady: function(instance, helper){
            $(".tooltip-template-div").hide();
            $('.tooltip-template-span').click();
            instance.content($('#tooltip-template').html());
        }   
        }
   );
});

您可以从https://jsfiddle.net/8jmt0he6/

查看

tooltipster中的onclick事件

2 个答案: