Как добавить 2 разных класса в <div>?

150

03 февраля 2021, 13:00

Помогите пожалуйста. Есть код. Этот меняет класс (настройка в customizer для wordpress) - к примеру, если кнопка справа, то класс back-to-top-right

wp.customize( 'back_to_top_align', function( value ) {          
    value.bind( function ( to ) {
        $( "#toTop" ).removeClass ( function ( index, className ) {
            return ( className.match (/(^|\s)back-to-top-\S+/g) || [] ).join(' ');
        });         
        $( '#toTop' ).addClass( to );   
    } );
} );

Этот код меняет класс если кнопка круглая (back-to-top-type-circle), если квадратная (back-to-top-type-square).

wp.customize( 'back_to_top_type', function( value ) {           
    value.bind( function ( to ) {
        $( "#toTop" ).removeClass ( function ( index, className ) {
            return ( className.match (/(^|\s)back-to-top-type-\S+/g) || [] ).join(' ');
        });         
        $( '#toTop' ).addClass( to );   
    } );
} );

Проблема в том, что если я меняю расположение, то класс back-to-top-type-circle или back-to-top-type-square пропадает.

Я не знаю как это все вместе сложить чтобы оба класса сохранялись когда я нажимаю на любую из этих кнопок.

Должны оба класса быть и менять свои окончания.

Спасибо.

Answer 1

Может кому-то пригодится

$( "#toTop" ).removeClass ( function ( index, className ) {
            return ( className.match (/(^|\s)back-to-top-(left|center|right)/g) || [] ).join(' ');
        });
        $( '#toTop' ).addClass( to );