Я пытаюсь сделать панели / элементы управления / настройки и т.д. c. Вот php
add_action( 'customize_register', 'gx_customizer_init' );
function gx_customizer_init( WP_Customize_Manager $wp_customize ){
//some another code
foreach($themes as $theme) {
foreach($switches as $name => $label) {
//added more than 90 control
$wp_customize->add_setting( $name.$theme.'-color-dark', [
'default' => '#000000',
'transport' => $transport
] );
$wp_customize->add_control( $name.$theme.'-color-dark', [
'section' => $section,
'type' => 'color',
'label' => $label
] );
}
}
}
В js Я пытаюсь изменить некоторые теги / элементы управления (созданные настройщиком wp)
wp.customize.bind('pane-contents-reflowed', function () {
let darkLi = document.querySelectorAll("li[id*='-color-dark']");//get colors for light section
let lightLi = document.querySelectorAll("li[id*='-color-light']");//get colors for light section
$('#customize-control-darkColors ul').append(darkLi); //add colors in light section
$('#customize-control-lightColors ul').append(lightLi); //add colors in light section
}
Страница замирает. Когда я удаляю добавляемую часть (движущиеся элементы), она работает без замораживания, замораживание все еще существует, даже если я добавляю одну li
или добавляю с ванилью js. Что может вызвать замерзание?