關於懸停和焦點的響應式jQuery工具提示無法正常工作

Question

我使用的是幾年前（2012）創建的工具提示腳本，可以在此處找到原始腳本， 至此我只對其進行了少許修改。 看看我如何操作它的功能。

我想添加一個可聚焦的輸入觸發，其中提示被觸發focusin的表單輸入元素和mouseenter扳機上的所有其他元素。 除非您在輸入之外單擊，否則它似乎一直有效。 由於某種原因， targetText.bind('mouseleave', remove_tooltip);存在一個未定義的問題targetText.bind('mouseleave', remove_tooltip); 和/或targetInput.bind('focusout', remove_tooltip); 取決於觸發哪個。 我在哪里錯了？

演示（舊） -不工作

演示（新） -工作

編輯（刪除了js並添加了工作提琴）

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演示