프로그래밍 언어/jQuery, ajax

jQuery UI 대화 상자에서 닫기 버튼을 제거하는 방법

Rateye 2021. 10. 7. 10:49
728x90
반응형
질문 : jQuery UI 대화 상자에서 닫기 버튼을 제거하는 방법은 무엇입니까?

jQuery UI로 생성 된 대화 상자에서 닫기 버튼 (오른쪽 상단 모서리의 X) 을 제거하려면 어떻게해야합니까?

답변

나는 이것이 결국 작동한다는 것을 알았습니다 (버튼을 찾아서 숨기는 열기 기능을 재정의하는 세 번째 줄에 유의하십시오).

$("#div2").dialog({
    closeOnEscape: false,
    open: function(event, ui) {
        $(".ui-dialog-titlebar-close", ui.dialog || ui).hide();
    }
});

모든 대화 상자에서 닫기 버튼을 숨기려면 다음 CSS도 사용할 수 있습니다.

.ui-dialog-titlebar-close {
    visibility: hidden;
}
출처 : https://stackoverflow.com/questions/896777/how-to-remove-close-button-on-the-jquery-ui-dialog
728x90
반응형