[태그:] Bootstrap

Bootstrap 4 modal hide not working …

회사 일로 사이트를 하나 리뉴얼 하는 중에 부트스트랩 최신 버전인 4 버전을 사용하기로 하고 진행하고 있었는데 모달을 사용하는 화면에서 모달이 뜨긴 뜨는데 닫히는게 안되는거다 .. 뭐지 .. ㅠㅠㅠ

외국 사이트 찾아도 안 나오고; 한참 삽질하다가 소스 한줄 한줄 의심되는 부분 소거법으로 찾는게 더 빠를 것 같아서 진행;

예전에 3버전을 사용할 때는 잘 됐었는데 왜 4버전에서는 안되는건지 ㅠㅠ
이유는 모달에 있는 fade  클래스였다..

모달 창에 있는 fade 클래스를 삭제했더니 정상적으로 modal(“hide”)가 실행됐다. 뭐지..

<div class="modal fade" id="modal" tabindex="-1" role="dialog" aria-hidden="true">
...
</div>

remove ‘fade’ class from your modal dialog !!!!!

use CKEDITOR popup in Bootstrap modal


$(function() {
    $.fn.modal.Constructor.prototype.enforceFocus = function () {
        var $modalElement = this.$element;
        $(document).on('focusin.modal', function (e) {
            var $parent = $(e.target.parentNode);
            if ($modalElement[0] !== e.target && !$modalElement.has(e.target).length
                // add whatever conditions you need here:
                &&
                !$parent.hasClass('cke_dialog_ui_input_select') && !$parent.hasClass('cke_dialog_ui_input_text')) {
                $modalElement.focus()
            }
        })
    };
});