Я добавляю div в js во время выполнения.Он отлично работает на всех устройствах, но когда я включаю cloudflare, он не показывает div, пока я не открою вкладки браузера или не поверну экран.Div добавляется в DOM.Я вижу div на вкладке элемента браузера.
function set_sub_categories(data, cat_id) {
var closest_form_group = $(document).find('select.subcategory').closest('.form-group');
if (data.subcategories.length) {
$('.category-spinner').remove();
$(closest_form_group).find('label span').remove();
var section = '<div class="controls adpost-category" style="width:23%;position: relative;float: left; margin-right:10px; margin-bottom: 10px;">';
section += '<div class="select-box subcategory select-box-error">';
var options = "<option value='0'>Select a category...</option>";
var closest_form_group = $('select.subcategory').closest('.form-group');
$.each(data.subcategories, function(i, row) {
options += "<option value='" + row.pk_i_id + "'>" + row.s_name + "</option>";
});
section += '<select class="subcategory ' + cat_id + '_subcategory subcategory_dropdown dynamic valid" style="opacity: 0;" aria-invalid="false" name="catId" id="catId" >';
section += options;
section += '</select>';
section += '<a href="#" class="select-box-trigger">\n\
<span class="select-box-label value ellipsis-ddl">\n\
Select a category...\n\
</span>\n\
<span class="select-box-icon">0</span>\n\
</a>';
section += '</div>';
section += '</div>';
$(closest_form_group).append(section);
$(".main-category")
$(".subcategory").each(function() {
$(this).addClass("select-box-error");
});
$(".category-label").addClass("text-red");
$("#error-span").removeClass("hidden");
}
}