Sweetalert: 自動クローズスイートアラートを防止します

作成日 2015年05月10日  ·  7コメント  ·  ソース: t4t5/sweetalert

簡単なことをしようとしています。 ユーザーが確認ボタンをクリックするまでポップアップを閉じたくありません(このオプションをオフにしましたが、ポップアップはまだ閉じています)。 これが私のコードです:

sweetAlert({
    title: "Hello",
    text: "<button type='button' class='btn btn-fb fb-share'>Share on Facebook</button>",
    type: null,
    confirmButtonText: "Close",
    html: true,
    closeOnConfirm: false, //It does close the popup when I click on close button
    closeOnCancel: false,
    allowOutsideClick: false
});

$(document).on( "click",".fb-share",  function(e){
    //here sweet alert closes when I press this button. 
    openFbPopup(); 
});

スイートアラートが閉じないようにするにはどうすればよいですか?

最も参考になるコメント

私はこれが遅いことを知っていますが、将来誰かを助けるかもしれません

@ moazam1オプションがに変更されました

swal({
  closeOnClickOutside: false,
});

https://sweetalert.js.org/docs/#closeonclickoutside

全てのコメント7件

私もこれに問題があるようです。 allowOutsideClickをfalseに設定しても、それは却下されます。

@ moazam1特定のケースでは、optionsオブジェクトの後に追加パラメーターとしてコールバックを実行する必要があります。

sweetAlert({
    title: "Hello",
    text: "<button type='button' class='btn btn-fb fb-share'>Share on Facebook</button>",
    type: null,
    confirmButtonText: "Close",
    html: true,
    closeOnConfirm: false, //It does close the popup when I click on close button
    closeOnCancel: false,
    allowOutsideClick: false
}, function () {});

$(document).on( "click",".fb-share",  function(e){
    //here sweet alert closes when I press this button. 
    openFbPopup(); 
});

何もする必要はありませんが、次のような関数を使用します。

function (isConfirm) {
   // ... Rest of code
}

手動で応答して他のことを行うことができます。

ハンドラーがないかのように、それ以外の場合はどのようにアラートを閉じるのかは理にかなっています。

アンカータグを使用している場合は、同じページにリダイレクトされるため、href = ""を削除するだけです。 アラートが自動的に閉じたのはそのためです

私はこれが遅いことを知っていますが、将来誰かを助けるかもしれません

@ moazam1オプションがに変更されました

swal({
  closeOnClickOutside: false,
});

https://sweetalert.js.org/docs/#closeonclickoutside

これはうまくいきませんでした。

@ moazam1ありがとうそれは私のために働いた

@ moazam1
$(document).on( "click"、 "。fb-share"、function(e){
ここで、e.preventDefault();を追加する必要があります。
openFbPopup();

それは私のために働いた。
});

このページは役に立ちましたか?
0 / 5 - 0 評価

関連する問題

sastrahost picture sastrahost  ·  5コメント

girishbr picture girishbr  ·  5コメント

xgqfrms-GitHub picture xgqfrms-GitHub  ·  4コメント

adiwithadidas picture adiwithadidas  ·  4コメント

mateuszjarzewski picture mateuszjarzewski  ·  4コメント