什么会导致与 Tipsy 的焦点触发器发生冲突？

发布于 2024-10-24 09:55:33 字数 385 浏览 4 评论 0原文

我正在使用 Tipsy jquery 插件，焦点触发器的作用与悬停触发器相同。一旦我的鼠标离开输入字段，即使该字段仍然处于焦点状态，Tipsy 也会停止显示。什么可能导致此问题？基于这个jQuery醉酒插件。焦点触发器不起作用。这不是导致问题的实际插件

上测试它的页面

这是我在http://uploads .glumbo.com/?op=注册

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

故乡的云 2024-10-31 09:55:33

您将需要更新您正在使用的 Tipsy 文件。您现在使用的与Tipsy 的最新版本。

回复收藏 0 原文

ま柒月 2024-10-31 09:55:33

正如Haochi所说，您需要将Tipsy版本更新为1.0.0a。然后使用以下代码将悬停和焦点添加到您的醉酒工具提示中（演示）：

$('.registerform [title]')
    .tipsy({
        trigger: 'manual', // manual stops binding of any internal tipsy events
        gravity: 'w',
        fade: true
    })
    .bind('focus mouseenter', function(e) {
        // flag indicating the input has focus
        if (e.type === 'focus') {
            $(this).addClass('hasFocus');
        }
        $(this).tipsy("show");
    })
    .bind('blur mouseleave', function(e) {
        // if mouseleave is triggered but the input has focus, ignore it
        if (!$(this).is('.hasFocus') || e.type === 'blur') {
            $(this).removeClass('hasFocus').tipsy("hide");
        }
    });

As Haochi says, you need to update your Tipsy version to 1.0.0a. Then use the following code to add both hover and focus to your tipsy tooltips (demo):

$('.registerform [title]')
    .tipsy({
        trigger: 'manual', // manual stops binding of any internal tipsy events
        gravity: 'w',
        fade: true
    })
    .bind('focus mouseenter', function(e) {
        // flag indicating the input has focus
        if (e.type === 'focus') {
            $(this).addClass('hasFocus');
        }
        $(this).tipsy("show");
    })
    .bind('blur mouseleave', function(e) {
        // if mouseleave is triggered but the input has focus, ignore it
        if (!$(this).is('.hasFocus') || e.type === 'blur') {
            $(this).removeClass('hasFocus').tipsy("hide");
        }
    });

回复收藏 0 原文

~没有更多了~