Почему при выборе элемента select2 не закрывается?

Question

[Руслан Абсалямов]

У меня такая проблема в модальном окне только такое. При выборе из списка значение то select2 не закрывается сам по себе. Если только нажать за раскрывающим списком то он закрывается. Использую этот виджет kartik demos.krajee.com/widget-details/select2 и при выборе какого-то значение выходит такая ошибка

jquery.js:5237 Uncaught TypeError: ((jQuery.event.special[handleObj.origType] || {}).handle || handleObj.handler).apply is not a function
    at HTMLDivElement.dispatch (jquery.js:5237)
    at HTMLDivElement.elemData.handle (jquery.js:5044)
    at Object.trigger (jquery.js:8471)
    at HTMLSelectElement.<anonymous> (jquery.js:8549)
    at Function.each (jquery.js:367)
    at jQuery.fn.init.each (jquery.js:202)
    at jQuery.fn.init.trigger (jquery.js:8548)
    at SelectAdapter.select (select2.full.js:3180)
    at Select2.<anonymous> (select2.full.js:3251)
    at Select2.Observable.invoke (select2.full.js:655)

Модальное окно контент формируется динамичиские. То есть стирается и добавляется новый html. То есть используется renderAjax. Пробовал переподколючать в модальном окне select2 но без выхода
\kartik\select2\Select2Asset::register($this);

Comments

[Дмитрий]

Доброй ночи.
Проверьте, подключается ли у Вас jquery?

[Руслан Абсалямов]

Дмитрий, Подключен

Захдил по ссылке нормально все открывается

[Руслан Абсалямов]

Дмитрий, Главное срабатывает событие закрытие списка когда вне области нажимаешь

[Дмитрий]

Руслан Абсалямов, в любом случае Ваша проблема не имеет никакого отношения к YII.
Проблема в js.
Сам Select2 прекрасно работает с модальным окном.

[Руслан Абсалямов]

Дмитрий, Проблему я нашел из-за чего это случается, только не пойму как сделать так чтобы данной проблемы не было.
Все дело в loader, который подключается перед загрузкой контента

$('#modal').modal('show')
	.change($('#modalContent').html('<div style="display:flex;justify-content: center;margin: 60px 0;"><img src="/images/loader/35.gif"></div>'))
		.find('#modalContent')
		.load($(this).attr('href'))

То есть если change убрать то все нормально будет работь

Answer 1

[Руслан Абсалямов]

Все дело было в событие change

$('#modal').modal('show')
	.change($('#modalContent').html('<div style="display:flex;justify-content: center;margin: 60px 0;"><img src="/images/loader/35.gif"></div>'))
		.find('#modalContent')
		.load($(this).attr('href'))

$('#modal').on('show.bs.modal', function(e) {
	    $('#modalContent').html('<div style="display:flex;justify-content: center;margin: 60px 0;"><img src="/images/loader/35.gif"></div>');
	})

я поменял на этот код