我想在按钮悬停时显示工具提示

Question

我有一个ID为#download_setup的按钮 单击此按钮已经调用了一个ajax。 但对于某些用户，我必须阻止此Ajax下载 我也想显示一个工具提示“您无权下载”

使用以下代码，我在onclick上显示了工具提示 但是问题是下载被触发

$('#download_setup').on({
  "click": function(e) {
    $(this).tooltip({ items: "#download_setup", content: "Displaying on click"});
    $(this).tooltip("open");
     e.preventDefault();
  },
  "mouseout": function() {      
     $(this).tooltip("disable");   
  }
});

我添加了CSS来防止点击 那个时间工具提示也不会起作用 我只想在onc​​lick或鼠标悬停时显示工具提示，但不希望触发Ajax操作 我的CSS在下面

#download_setup{
  pointer-events:none;opacity: 0.5;
}

Answer 1

尝试一下，它应该可以工作

$("#download_setup").hover(function(){
        $(this).tooltip({ items: "#download_setup", content: "Displaying on click"});
        $(this).tooltip("open");
    }, function(){
         $(this).tooltip("disable"); 
});