Question

我有一个禁用物品的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;
}

Answer 1

您正在将指针事件设置为无，因此不会触发悬停事件。这就是为什么标题没有显示。也许你应该找到另一种方式来禁用＆＃34; div。

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

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

会这样做。

但通常点击div是没用的，所以也许你会解释你在点击div时做了什么，防止这个动作会有所不同。

Answer 2

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

Answer 3

我试过这个并且有效

Worked code

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

显示已禁用项目的工具提示

3 个答案: