时间戳

首页 > 解决方案 > 我可以运行在禁用复选框中显示工具提示的 .hover 吗？

javascript - 我可以运行在禁用复选框中显示工具提示的 .hover 吗？

问题描述

我有一个动态表单，我需要一组复选框在鼠标悬停时显示一个工具提示。

我正在寻找仅使用 jquery 的干净工具提示代码，并且发现了可以解决我的问题的 css 资源。

如何使用 jQuery 在悬停时显示工具提示消息？

在这里，我从@being_ethereal 的答案中为工具提示选择了代码，但它不适用于特定配置。

$('.geraBloqueio').hover(function(){
    $(this).css('cursor','pointer').attr('title', 'Esta resposta gera bloqueio?');
}, function() {
    $(this).css('cursor','auto');
});

在单击按钮后，它需要与一些附加的 HTML 交互。

function myfunction(){
    $('#cont').append('<input class="geraBloqueio" type="checkbox" disabled />');
}

我究竟做错了什么？

标签： javascriptjqueryhtmlcss

解决方案

首先正如@RoryMcCrossan 所说，你不能悬停禁用的输入......

其次，即使您附加了未禁用的输入，您在触发该功能时也会遇到问题。会更好

$(body).on("mouseenter", ".geraBloqueio", function (){} );

所以把那个监听器放在 body 上，而不是放在你正在创建的新元素上。

无论如何，您需要对该输入做一些事情...将其包装在标签中，然后将该标题放在标签上..应该可以正常工作。

推荐阅读