JQueryの確認が送信されない

Question

sweet alertを使用して確認を作成しようとしています。ユーザーがボタンをクリックすると、swal（警告）ウィンドウが開き、確認またはキャンセルできます。 confirmをクリックした場合は、JQueryをクリックしてください。

しかし、何もしません。あなたはどこに問題があるか知っていますか？私は複数のオプションを試みた

からunbind.click()などを...

$('.button-apply').on('click', function (e) { 
     var t = $(this); 
     e.preventDefault(); 
     swal({ 
      title: "Are you sure?", 
      text: "Do you want to apply for this job?", 
      type: "info", 
      showCancelButton: true, 
      confirmButtonColor: "#b3ff99", 
      confirmButtonText: "Confirm", 
      //closeOnConfirm: false, 
      //showLoaderOnConfirm: true, 
      html: false 
     }, function (isConfirm) { 
      if (!isConfirm) { 
       return; 
      } else { 
       t.click(); 
      } 
     }) 

    }) 

EDIT： は

正常にアンバインドが、 t.trigger('click')実行しません

} else { 
       t.unbind('click'); 
       t.trigger('click'); 
      } 

に} else { t.click(); }

を変更します。

は解決：

それは<a href....>なので、それはunbindedだので、私はwindow.location.href = t.attr('href');とt.click()を交換してきたし、それが正常に動作するとき、私はt.submit()を行うことができませんでした。

Answer 1

e.preventDefault();を指定しました。これにより、button-applyのイベントが発生しなくなりました。この行を削除すると、クリックイベントが戻ってきます。

ユーザがキャンセルを押すと、同じイベントが再び発生し、無限ループが発生することに注意してください。 t.click();を削除し、ユーザーがこの操作を実行する場合は、呼び出すロジックを配置する必要があります。

は、例として：

$('.button-apply').on('click', function (e) { 
 
     var t = $(this); 
 
     swal({ 
 
      title: "Are you sure?", 
 
      text: "Do you want to apply for this job?", 
 
      type: "info", 
 
      showCancelButton: true, 
 
      confirmButtonColor: "#b3ff99", 
 
      confirmButtonText: "Confirm", 
 
      //closeOnConfirm: false, 
 
      //showLoaderOnConfirm: true, 
 
      html: false 
 
     }, function (isConfirm) { 
 
      if (!isConfirm) { 
 
       alert('You have not applied for the job!'); 
 
      } else { 
 
       alert('You have applied for the job'); 
 
       // Submit form $("#yourForm").submit(); 
 
       // or an AJAX call. 
 
      } 
 
     }) 
 

 
    })

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script> 
 
<link href="https://cdnjs.cloudflare.com/ajax/libs/sweetalert/1.1.3/sweetalert.min.css" rel="stylesheet"/> 
 
<script src="https://cdnjs.cloudflare.com/ajax/libs/sweetalert/1.1.3/sweetalert.min.js"></script> 
 

 

 
<button class="button-apply">Click me</button>