CSS не применяется к элементу, динамически добавляемому с помощью JQuery - PullRequest
Новая
       8

CSS не применяется к элементу, динамически добавляемому с помощью JQuery

0 голосов
/ 30 октября 2018

Я делаю это в своем коде 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, но когда я добавляю это с функцией добавления, темная кожа и другие стили не работают ..

1 Ответ

0 голосов
/ 30 октября 2018

JQuery выберет все текущие элементы с классом .m-popover при вызове $(".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);
...