Как связать события из двух скриптов?

Здравствуйте! Спасибо заранее Всем кто читает и может помочь!
Суть вопроса - есть скрипт обработчик select.
$(function() {
	$('.select-div').hide();

	$('#select-select').on('change', (function () {
	$('.select-div').slideUp();
	$('.select-div').removeClass('current');
	$("." + $(this).val()).slideDown();
	$("." + $(this).val()).addClass('current');
}));
});

При выборе задает класс к div'у.
Также имеется скрипт смены стиля select.
$('.select').each(function() {
    const _this = $(this),
        selectOption = _this.find('option'),
        selectOptionLength = selectOption.length,
        selectedOption = selectOption.filter(':selected'),
        duration = 0;

    _this.hide();
    _this.wrap('<div class="select"></div>');
    $('<div>', {
        class: 'my-select',
        text: _this.children('option:disabled').text()
    }).insertAfter(_this);

    const selectHead = _this.next('.my-select');
    $('<div>', {
        class: 'my-select__list'
    }).insertAfter(selectHead);

    const selectList = selectHead.next('.my-select__list');
    for (let i = 1; i < selectOptionLength; i++) {
        $('<div>', {
            class: 'my-select__item',
            html: $('<span>', {
                text: selectOption.eq(i).text()
            })
        })
        .attr('data-value', selectOption.eq(i).val())
        .appendTo(selectList);
    }

    const selectItem = selectList.find('.my-select__item');
    selectList.slideUp(0);
    selectHead.on('click', function() {
        if ( !$(this).hasClass('on') ) {
            $(this).addClass('on');
            selectList.slideDown(duration);

            selectItem.on('click', function() {
                let chooseItem = $(this).data('value');

                $('select').val(chooseItem).attr('selected', 'selected');
                selectHead.text( $(this).find('span').text() );

                selectList.slideUp(duration);
                selectHead.removeClass('on');
            });

        } else {
            $(this).removeClass('on');
            selectList.slideUp(duration);
        }
    });
});


<select class="select" id="select-select">
	<option value="A">A</option>
	<option value="B">B</option>
	<option value="C">C</option>
</select>

<div class="select-div A">A</div>
<div class="select-div B">B</div>
<div class="select-div C">C</div>

При выборе select'а без скрипта стиля добавление класса из первого скрипта происходит, но в случае со стилем нет. Подскажите как можно связать событие из второго скрипта с первым.
Еще раз Всем Спасибо!
  • Вопрос задан
  • 110 просмотров
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
25 окт. 2020, в 17:30
39999 руб./за проект
25 окт. 2020, в 17:16
150000 руб./за проект
25 окт. 2020, в 17:09
19999 руб./за проект