Есть блоки:
<div class="order-string-list">Текст 1</div>
<div class="order-string-list">Текст 2</div>
<div class="order-string-list">Текст 3</div>
Они загружаются асинхронно и могут добавляться или удаляться со страницы.
Есть кнопка:
<div class="open-new">Кнопка</div>
Которая меняет видимость данных блоков с помощью функции:
$("body").on("click", ".open-new", function(e) {
$(".order-string-list").toggle();
});
Но почему новые элементы не появляются с этим свойством? И как сделать так, чтобы свойства CSS распространялись также на новые объекты, то есть фактически происходило изменение в классе CSS, а не только в выбранных блоках с классом CSS?
Даже если поменять свойство, к примеру:
$(".order-string-list").css('background-color', 'red');
То существующие блоки окрасятся в красный, но новые не будут наследовать это свойство. Почему?