Sweetalert: 두 번째 스왈이 실행되지 않음

JSFiddle에서 코드를 보여줄 수 있습니까?

JSFiddle을 만들었습니다 : http://jsfiddle.net/5pj7wwx9/

버튼을 클릭하면 첫 번째 sweetAlert가 표시되고 콜백이 호출되지만 두 번째 sweetAlert는 없습니다.

setTimeout으로 시도한 JSFiddle에서 2 초 후에 작동합니다.

이 같은 문제가 있습니다. 이를 분류하는 데 필요한 정보를 기꺼이 제공합니다.

문제에 필요한 해결 방법에 +1

이것이 누구에게나 도움이 될 수 있습니다. 제 경우에는 closeOnCancel 및 / 또는 closeOnConfirm 을 false 로 설정하여이를 정렬 할 수있었습니다. 따라서 두 번째 경고 상자가 닫히는 것을 방지합니다. 두 번째 swal 호출은 true 설정할 수 있습니다.

이는 올바른 동작이 아니므로 closeOnCancel 및 closeOnConfirm의 값에 의존해서는 안됩니다.

동의하지만 closeOnConfirm 의 의도 된 목적 일 수 있습니다. 두 번째 상자를 여는 swal 예제 (http://tristanedwards.me/sweetalert)에서도 그렇게 표현 되었기 때문입니다.
나는 그것이 확실히 직관적이지 않다는 데 여전히 동의합니다.

저에게도 작동하지 않습니다. 내가 만든 바이올린을 볼 수 있습니다. https://jsfiddle.net/madhureng/5pj7wwx9/16/

나는 API가 나를 위해 결정을 내리는 것보다 수정되는 것이 더 행복 할 것입니다.

@ maddy2308- 클릭이 너무 많습니다. 작동합니다.
이 바이올린을 확인하십시오 : https://jsfiddle.net/g8j1acv4/

내가 변경 한 것은 첫 번째 문서를 꺼내서 document.ready로 변경 한 것뿐입니다.

@joenorton이 지적했듯이 이것이 closeOnConfirm: false 목적입니다. 나는 그것이 조금 직관적이지 않다는 것에 동의한다. 그래서 누군가가 문제에 대한 해결책을 가지고 있다면, 나는 그것을 추가하게되어 기쁘다!

@ maddy2308 , 바이올린의 문제는 $('button') 이 너무 모호하여 swal의 버튼도 호출된다는 것입니다. 너무 $('body > button') 변경하면 작동합니다.

나도이 문제로 고생했고, 이것이 변경되어야한다고 믿습니다.

@ t4t5 소스 코드를

the first swal is shown at point A in time
the user interacts with the first swal at point B in time
the callback is called and invokes the second swal at point C in time
the active swal is dismissed at point D in time

이 문제를 쉽게 해결할 수있는 방법은 다음과 같습니다.

<strong i="11">@A</strong>: An integer variable is set that increases with every call to swal
<strong i="12">@B</strong>: The current value of the variable is remembered
<strong i="13">@D</strong>: If the variable has changed, do not call swal.close

이렇게하면 C 에서 현재 코드베이스를 거의 수정하지 않고도 새 대화 상자를 얼마든지 호출 할 수 있습니다.

동일한 문제가 있었는데 확인 작업에 $ timeout을 추가하여 해결했습니다 (Angular 사용).
if (isConfirm){ return $timeout(function() { // I Use backbone radio event self.homePageChannel.trigger('deleteForm', self.currentSelectedForm) }, 100); }

이 버그는 다음 상황에서도 나에게 발생합니다.

1. Angular에서 $http 요청을 트리거하는 확인 달콤한 알림을 호출합니다.
2. Chrome의 개발자 도구 에서 제한을 offline 로 설정하여 $http 요청 즉시 실패를 강제 합니다 .
3. $http 실패시 오류 달콤한 알림을 호출합니다.

첫 번째 확인 경고는 정상적으로 표시되지만 오류 경고는 표시되지 않습니다.

참고 : 코드를 자세히 살펴 보지 않았지만 기존의 달콤한 알림에 대한 닫기 애니메이션을 취소하고 즉시 삭제해야하는 것 같습니다. 그러면 두 번째 알림이 정상적으로 표시됩니다.

편집 : 예상대로 문제는 첫 번째 달콤한 경고 확인에 있습니다. 첫 번째 swal에서 animation 를 false로 설정하면 문제가 중지됩니다. 그러나 오류가 발생하지 않는 경우 애니메이션을 활성화하고 싶을 수 있기 때문에 나에게는 버그처럼 보입니다.

두 가지 해결책을 제안합니다.

1st : 기존 경고가 애니메이션되는 동안 두 번째 경고가 호출되면 애니메이션 프로세스를 중지하고 현재 경고를 즉시 닫고 새 경고를 표시합니다.

2nd : 닫기 애니메이션이 끝날 때 열리는 두 번째 경고를 큐에 넣습니다.

두 번째 솔루션은 일을 더 매끄럽게 만들고 첫 번째 솔루션은 오류 모달이 더 빨리 나타납니다!

풀 리퀘스트를 시도해 보 겠지만, 이전에이 프로젝트에 기여한 적이 없습니다. 누군가가 고쳐야 할 곳을 안다면 먼저 풀 리퀘스트를 해주세요! :)

@ t4t5 제 보고서와 솔루션을 살펴보십시오. 승인하면 제가 수정할 수 있습니다!

querySelectorAll 을 사용할 수 있으며 모든 요소를 ​​반환하므로 반환 된 값을 반복 할 수 있습니다.

var alertBtn = document.querySelectorAll('.js-alert');

for (var i = 0; i < alertBtn.length; i++) {
    alertBtn[i].onclick = function(){
        swal({
            title: "text",
            text: "text text"
            });
    };
}

내 SweetAlert에 동일한 문제가 있었는데, 두 번째 swal이 나타나야 할 때도 안됩니다. 내 함수에 $ timeout을 포함하여 해결 된 문제입니다.

function(error) { console.log(error); $timeout(function(){ SweetAlert.error('Erro'); },100) }

나는 같은 문제가 있었지만 @PommeVerte의 솔루션으로 해결되었습니다. 부모 swal ()에 closeOnCancel: false 을 설정해야했습니다.

SweetAlert 2.0부터는 SweetAlert를 연결하는 데 closeOnConfirm 및 closeOnCancel 가 더 이상 필요하지 않습니다. 약속을 사용하십시오! :)

SetTimeout은 콜백 후 문제를 해결할 수 있지만 문제의 원인에 대해 더 알고 싶습니다.