Question

我正在使用几年前创建的工具提示脚本（2012年），原版可以找到here，我只是略微修改了它。看看我如何操纵它的功能。

我正在尝试添加一个可聚焦的输入触发器，其中在表单输入元素上的focusin上触发工具提示，在所有其他元素上触发mouseenter触发器。它似乎正常工作，直到您在输入外部单击。根据某些原因，targetText.bind('mouseleave', remove_tooltip);和/或targetInput.bind('focusout', remove_tooltip);存在一个未定义的问题，具体取决于触发的问题。我在哪里错了？

DEMO (Old) - 不工作

DEMO (New) - 工作

编辑（删除js＆amp;添加工作小提琴）

Answer 1

将您的jQuery代码段更改为以下内容：

targetsin.on('focusin', function(){
    targetInput = $(this);
    tip = targetInput.attr('title');
    tooltip = $('<div id="tooltip"></div>');
    ttip(targetInput);
}).on('blur',function(){
   $(this).next('.tooltip').hide();
});

检查jsFiddle Demo

响应式jQuery工具提示悬停和焦点无法正常工作

1 个答案: