显示禁用项目的工具提示答案

【问题标题】：Show tooltip for disabled items显示禁用项目的工具提示
【发布时间】：2014-09-16 06:31:43
【问题描述】：

我有一个带有禁用项目的 div。我正在使用 jquery ui 来显示工具提示。为启用的项目显示工具提示，但不为禁用的 div 显示。如何也显示禁用 div 的工具提示？ Here is my fiddle

<div title="This is a tool tip test for enabled item" id="divEnabled">
    item is enabled
</div>

<div title="This is a tool tip test for disabled item" id="divDisabled">
    item is disabled
</div>


#divDisabled{
     opacity: 0.2;
    pointer-events: none;
}

【问题讨论】：

您将指针事件设置为无，因此不会触发悬停事件。这就是为什么不显示标题的原因。也许您应该找到另一种“禁用” div 的方法。顺便说一句，您没有提到为什么需要禁用 div。
我想停止 div 上的点击事件。
onclick="return false;"在你的 div 标签中会做并摆脱指针事件 css

标签： jquery html css jquery-ui tooltip

【解决方案1】：

您将指针事件设置为无，因此不会触发悬停事件。这就是为什么不显示标题的原因。也许您应该找到另一种“禁用” div 的方法。

如果你只想停止 div 上的点击事件

<div title="This is a tool tip test for disabled item" id="divDisabled" onclick="return false;">
    item is disabled
</div>

会的。

但通常单击 div 是没有用的，所以也许你会解释你在单击 div 时在做什么，并阻止此操作会有所不同。

【讨论】：

【解决方案2】：

删除pointer-events: none; 使其工作。

【讨论】：

【解决方案3】：

我试过了，效果很好

Worked code

$("#divDisabled *").attr("disabled", "disabled").off('click');

【讨论】：

问题是：“显示禁用项目的工具提示”不适用于启用项目