javascript - CSS 未应用于使用 JQuery 动态添加的元素

Question

我在我的 javascript 代码中执行此操作：

$("#m_modal_6 .modal-body").append('<button type="button" class="btn btn-success m-popover" data-trigger="hover" data-skin="dark" data-toggle="m-popover" data-placement="bottom" title="Dark skin" data-content="Vivamus sagittis lacus vel augue laoreet rutrum faucibus.">Dark skin</button>');

在我准备好的文档中，我这样做是为了显示弹出框：

$('.m-popover').popover('show');

我在 css 中有深色皮肤的类，可以在 html 中使用，但是当我使用附加功能添加它时，深色皮肤和其他样式不起作用..

标签： javascriptpopover

Answer 1

.m-popover调用时，JQuery 将选择所有具有类的当前元素$(".m-popover")。问题是您在修改.m-popover选择器后附加了对象。document.ready将在其他脚本加载后调用。我会做以下事情：

let obj = $('<button type="button" class="btn btn-success m-popover" data-trigger="hover" data-skin="dark" data-toggle="m-popover" data-placement="bottom" title="Dark skin" data-content="Vivamus sagittis lacus vel augue laoreet rutrum faucibus.">Dark skin</button>');
obj.popover('show');
$("#m_modal_6 .modal-body").append(obj);