jQuery：live('focus') 和 live('blur') 嵌套在命名空间中，在 1.3.2 中不起作用

Question

我有以下 html，

<input class="hasToolTip" type="text" value="meh"/>
<span class="tooltip" style="display: none;">tooltip here</span>

我希望工具提示在输入获得焦点时淡入，因此我使用正确的方法创建了一个命名空间（它包含以下方式用于输入/表单的所有 javascript），

var inputCommon = (function() {
    return {
        SetupToolTips: function() {
            $(".hasToolTip").live('focus', function() {
                $(this).next(".tooltip").fadeIn();
            });
            $(".hasToolTip").live('blur', function() {
                $(this).next(".tooltip").fadeOut();
            });
        }
    };

})();

然后调用它当文档加载时

$(function() {
    inputCommon.SetupToolTips();
});

并且... 它不适用于 jQuery 1.3.2。 它适用于 1.4.2，但我真的准备好推动库更改了那一刻。

知道我如何才能拥有我的蛋糕（命名空间！）并吃掉它（实时工作！）？

---

没有人会拒绝让自己出丑，这是我跳过的明确摘录，直接来自马嘴：

在 jQuery 1.3.x 中仅以下 JavaScript 事件（在 除了自定义事件）可以是 与 .live() 绑定：click、dblclick、 按键、按键、按键、鼠标按下、 鼠标移动、鼠标移开、鼠标悬停和 鼠标松开。

(...)

从 jQuery 1.4.1 开始甚至可以使用实时焦点和模糊（映射 更合适的是，冒泡， 事件 focusin 和 focusout）。

Answer 1

事实上，如果没有一些严重的更改，这些更改可能会比升级到 1.4+ 带来更多问题。事件系统在 1.4.2 中进行了巨大的修改，并从那时起进行了进一步的改进...您的时间花在升级到 jQuery 1.4+ 上比尝试在 1.3.x 中提供对此的支持要好得多。

Answer 2

你总是可以这样做......

var inputCommon = (function() {
    return {
        SetupToolTips: function() {
            $(".hasToolTip").focus(function() {
                $(this).next(".tooltip").fadeIn();
            });
            $(".hasToolTip").blur(function() {
                $(this).next(".tooltip").fadeOut();
            });
        }
    };

})();

而不是使用 live。