【问题标题】:jquery-ui tooltip disable tooltip for disabled elementsjquery-ui tooltip 禁用禁用元素的工具提示
【发布时间】:2013-05-06 16:13:48
【问题描述】:

我对 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. 将鼠标悬停在日期选择器上个月按钮上(已禁用)
  2. 选择一个日期并关闭日期选择器小部件,但工具提示并未隐藏。

这个问题只发生在被禁用的元素上。我该如何克服这个问题?

【问题讨论】:

  • 我不确定这是否适用,但您确定您只是没有看到鼠标悬停时浏览器提供的default 操作吗?
  • 不,我没有看到默认操作。我已经通过不初始化jquery ui工具提示进行了尝试,在这种情况下不会出现问题。

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


【解决方案1】:

我使用这个简单的技巧来解决这个问题:

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

【讨论】:

  • 我还是明白了。我在document ready函数里面试过了,还是没用。
猜你喜欢
  • 2021-07-04
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多