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

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 来防止点击 那个时间工具提示也行不通 我只想在单击或鼠标悬停时显示工具提示，而不是触发 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"); 
});