2017-12-20 54 views
1

기본 브라우저 인 대화 상자 confirm을 더 잘 나타내는 확인 대화 상자를 사용하고 싶습니다. toastr을 시도했지만 No/Yes 버튼을 사용하면 confirm 기능이 약간 까다로워졌습니다. 여전히 유지 보수되어야합니다.최상의 확인 대화 상자 자바 스크립트 라이브러리

모든 의견을 제공해 주셔서 감사합니다.

+0

나는 이것을 toastr https://craftpip.github.io/jquery-confirm/ –

+0

super와 함께 사용한다. 그 페이지에서 방금 브라우징을 한 것입니다. – AllramEst

답변

2

시도 jquery-confirm. 그들은 다양한 디자인을 가지고 있습니다.

2

나는 가장 아름다운 API의 outhere 중 하나가 SweetAlert이라고 생각 :

https://limonte.github.io/sweetalert2/

당신은 다음과 같이 대화 상자를 설정할 수 있습니다 : 이것은 어떻게

swal({ 
    title: 'Are you sure?', 
    text: "You won't be able to revert this!", 
    type: 'warning', 
    showCancelButton: true, 
    confirmButtonColor: '#3085d6', 
    cancelButtonColor: '#d33', 
    confirmButtonText: 'Yes, delete it!' 
}).then((result) => { 
    if (result.value) { 
     swal(
     'Deleted!', 
     'Your file has been deleted.', 
     'success' 
     ) 
    } 
}) 

모양 :

enter image description here

프로젝트 색상에 맞게 CSS를 사용자 정의 할 수도 있습니다.

희망이 있습니다.

+1

전적으로 동의합니다! 나는 감미로운 경보를 사용하고 중대하다. 또한, 그들은 리버스 엔지니어 쉽고 모든 종류의 물건을 할 수있어. CSS에서 스타일을 지을 수도 있습니다. – iPzard