jQuery中悬停时禁用按钮的工具提示？

我的表单中有一个提交按钮，如果表单有效，该按钮将启用，否则，它将处于禁用状态。我想在鼠标悬停在禁用按钮未启用按钮上添加一条弹出消息。如何根据jQuery中的启用和禁用状态动态添加它

我的代码是AngularJs，但我想使用jQuery应用这个工具提示

Html标记：

<button data-toggle="tooltip" title=" Please fill the mandatory fields..!" 
        type="submit" id="continue_button"
        class="submit"  
        ng-disabled="!form.$valid" ng-click="continueForm()">Submit</button>

在这种情况下，当按钮处于启用状态时，工具提示起作用。但我需要的工具提示信息应显示只有当按钮是禁用

---

有人能在jQuery中提供解决方案吗？

这可以通过CSS实现。“指针事件”属性阻止工具提示出现。通过覆盖引导设置的“指针事件”属性，可以禁用显示工具提示的按钮

#continue_button{
  pointer-events: auto;
}

另一个解决方案是，您还可以包装禁用的按钮，并将工具提示放在包装上：

<div class="tooltip-wrapper" data-title="Dieser Link führt zu Google">
    <button class="btn btn-default" disabled>button disabled</button>
</div>

按钮禁用

如果包装器具有

display:inline

，则工具提示似乎不起作用。使用

display:block

和

display:inline block

似乎可以正常工作。它似乎也可以与浮动包装器配合使用

与引导一起工作并添加

指针事件的JSFIDLE:none用于禁用按钮。

更新-如果您希望仅在按钮的禁用状态下显示工具提示，可以对此进行签出，方法是使用选择器选项将工具提示添加到父元素，然后在启用/禁用按钮时添加/删除rel属性。
我将这样做：

$('[data-toggle="tooltip"][disabled]').hover(function () {
  $(this).tooltip();
});

你需要确保你的按钮默认设置了CSS属性
disabled
，这样才能正常工作（例如，在表单详细信息生效之前，先设置为
true
），在这种情况下，你的代码需要将其改为
false
）。
你可以试试，我不确定我是否理解你想要什么


$（文档）.ready（函数（）{
$（“按钮”）.mouseenter（函数（）{
if（$（this）.hasClass（'disabled'））{
var title=$（this.prop（'title'）；
$（此）。附加（“”+标题+“”）；
$（'.tooltip'）.show（）；
$（此）.prop（'标题'，''）；
}
}).mouseleave（函数（）{
$（'.tooltip'）.hide（）；
});     
});
。工具提示{
位置：绝对位置；
显示：无；
z指数：1；
顶部：5px；
高度：10px；
显示：内联块；
填充：10px；
颜色：#000；
}

提交
您使用什么工具提示-jQuery UI？独自创立其他库？您可以使用
$（'[data toggle=“tooltip”][disabled]'）
并删除
（如果
）。感谢您的提示@fen1x感谢您的回答Kamal。。。但是你给出了禁用按钮的解决方案。我的情况是按钮应该被启用。如果form.$valid条件失败，则只有按钮转到disable（禁用）。如何添加该条件？@YAZHINIK我已经更新了我的答案，在JSFIDLE的帮助下添加了您的场景。您正在使用两个按钮。但在我的场景中，只有一个按钮在表单无效时被禁用。填写必填字段后，它将更改为enable@YAZHINIK您可以在上面的FIDLE中更改禁用/启用的条件。但是，如果问题仍然存在，您可以在JSFIDLE中演示代码，使您的情况可以理解。
$('[data-toggle="tooltip"][disabled]').hover(function () {
  $(this).tooltip();
});