jquery-ui tooltip禁用禁用元素的工具提示

时间:2013-05-06 08:08:16

标签: jquery jquery-ui jquery-ui-datepicker

我的jquery工具提示有问题。这尤其发生在jquery datepicker插件中。当我将鼠标悬停在上个月图标上时,会显示工具提示,但即使我关闭了datepicker小部件,它也不会被隐藏。只有在datepicker插件中禁用了上一个图标时才会发生这种情况。我可以在jquery-ui.js中看到下面的代码行。第12269行

// Disabled elements have inconsistent behavior across browsers (#8661)
        items: "[title]:not([disabled])",
        position: {
            my: "left top+15",
            at: "left bottom",
            collision: "flipfit flip"
        },

该行

items: "[title]:not([disabled])",
如果正确,

应禁用已禁用的元素的工具提示。我仍然可以在jquery datepicker小部件中看到已禁用的先前图标的工具提示。我正在使用IE8,但这个问题在Chrome中仍然存在。

以下是我遇到此问题的步骤。

  1. 将鼠标悬停在datepicker上个月按钮(已禁用)
  2. 选择日期并关闭datepicker小部件,但不隐藏工具提示。
  3. 仅对已禁用的元素发生此问题。我该如何克服这个问题?

1 个答案:

答案 0 :(得分:1)

我在这个问题上使用了这个简单的技巧:

// Remove tool-tips from all disabled elements
$('input:disabled').attr('title', '');