Sweetalert: 버튼 위치

현재는 구성을 통한 방법이 없습니다. CSS를 통해 약간 재정렬할 수 있습니다. 단점은 업데이트할 때 깨질 수 있고 모든 중단점을 덮으려는 CSS가 복잡해질 수 있다는 것입니다.

CSS 덮어쓰기는 다음과 같을 수 있습니다.

.sa-button-container {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
          justify-content: center;
}
.sa-button-container .cancel {
    -webkit-order: 2;
            order: 2;
}
.sa-button-container .sa-confirm-button-container {
    -webkit-order: 1;
            order: 1;
}

@gremz @t4t5 저도 같은 문제가 있었습니다. 내가 사용자 정의하는지 확인하기 위해 소스를 살펴보았지만 플러그인 자체를 사용자 정의하는 비핵심적인 방법을 찾을 수 없었습니다. 그래서 나는 내 자신의 코드에서 해키 방식으로 정착했습니다 :-) jquery를 사용한다면 이와 같은 것이 잘 작동합니다.

function swapModalButtons(){
  $("button.cancel").before($("button.confirm"))
}

src:modules/injected-html.js line:53 원하는 것이 무엇인지 알 수 있습니다. 그래서 순서를 설정할 수 없습니다.
수정:sweetalert.min.js
취소를 찾아 위치를 제거하면 작동합니다.

여러분은 지금쯤 이 포크를 사용해야 합니다: https://limonte.github.io/sweetalert2/

실제로 업데이트되었으며 역방향 버튼 옵션이 있습니다.

@ryanmortier 저는 큰 프로젝트를 진행 중이며 sweetalert2를 사용하려면 많은 관료적 절차를 거쳐야 합니다.
@ghost 주입된-html.js를 수정하고 순서를 변경했습니다... sweetalert.min.js를 변경하려고 했습니다. 꽤 지저분한 작업입니다. 제대로 했는지 안했는지 알 수가 없습니다. 버튼은 여전히 ​​반전되지 않았습니다. 최소 파일을 편집하는 가장 좋은 방법은 무엇입니까?

이것은 이제 다음을 사용하여 2.0에서 수행할 수 있습니다.

swal({ 
  buttons: { 
    confirm: true, 
    cancel: true,
  }
})

...정확한 순서를 설정하려면!

여러분은 지금쯤 이 포크를 사용해야 합니다: https://limonte.github.io/sweetalert2/

이 링크는 오래되었습니다. 여기에 올바른 링크가 있습니다. https://sweetalert2.github.io/

안녕하세요. 나는 같은 문제가 있었다. 그리고 이 작업으로 해결하십시오. .min으로 이동하여 다음을 찾습니다.
div class="sa-button-container">\n
확인 \n