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中使用，但是当我通过append函数添加它时，深色皮肤和其他样式不起作用..

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);

CSS不适用于通过JQuery动态添加的元素

1 个答案: