Javascript 将引导4工具提示添加到动态按钮

我想给一个按钮添加一个工具提示，该提示在页面加载后可能会更改

比如说。我使用这样的按钮：

<a href="#" class="btn btn-link">Button active</a>

<a href="#" class="btn btn-link disabled">Button disabled</a>

现在有可能按钮被禁用，如下所示：

<a href="#" class="btn btn-link">Button active</a>

<a href="#" class="btn btn-link disabled">Button disabled</a>

我知道我想在禁用的按钮上添加一个带有JS的工具提示

我尝试了以下代码：

$('.btn-link.disabled').tooltip({
    title: '<div class="text-left">Please select color first</div>',
    html: true,
});

$（'.btn link.disabled'）。工具提示({
标题：“请先选择颜色”，
是的，
});

那不行。我想是因为类

disabled

是新的，当页面加载时工具提示的脚本找不到它。

---

有没有办法“重新加载”函数？

这里有一个简单的方法来完成您的要求。您可以将其更新为您的特定用例，但这应该可以让您开始

$（'.btn link.disabled'）.wrap（''）

无法正确控制禁用元素的工具提示，具有禁用属性的元素不具有交互性，这意味着用户无法聚焦、悬停或单击它们来触发工具提示（或弹出窗口）。作为一种解决方法，您需要从包装器触发工具提示，或者使用tabindex=“0”理想地使键盘可聚焦，并覆盖禁用元素上的指针事件。请参见我理解的官方文档禁用元素部分，但该按钮并不是真正禁用的。它只是一个类名，类应用
指针事件：无
到元素hm，没有
指针事件：无在我的课堂上！？好的，谢谢！但问题仍然是，如果我加载页面，
disabled
类不存在。因此，如果类添加了工具提示，脚本不会添加工具提示later@Cray我不确定是什么事件添加了残疾人类，因此为了帮助您，我需要更多信息。您需要在添加类的代码块（我认为是从一个事件中）中插入它。您应该在页面加载时添加包装器，然后添加工具提示，并在按钮被禁用或停止禁用时将其删除。