jquery - javascript 確認ダイアログのドロップイン代替として pNotify を使用する

Question

インラインおよび関数として機能するJavaScript確認がありますが、PNotify確認ダイアログで実装する方法がわかりません。理想的には、confirm('Sure?') を pconfirm('Sure?') に置き換えて、true/false を返すことができます。これは .Net アプリであり、主に onClientClick イベントで使用され、LinkBut​​ton の実行をクライアント側で確認します。

PNotify Confirm および Cancel イベントは、pconfirm が false を返す場合にのみ発生します。

function pconfirm(title){
  (new PNotify({
    title: title,
    icon: 'glyphicon glyphicon-question-sign',
    hide: false,
    confirm: {
      confirm: true
    },
    buttons: {
      closer: false,
      sticker: false
    },
    history: {
      history: false
    },
    addclass: 'stack-modal',
    stack: {
      'dir1': 'down',
      'dir2': 'right',
      'modal': true
    }
  })).get().on('pnotify.confirm', function() {
    //alert('ok');
    return true;
  }).on('pnotify.cancel', function() {
    //alert('cancel');
    return false;
  });
  return false;
}

JavaScript が動作し、PNotify が失敗する Fiddle を作成しました。

フィドル

Answer 1

私自身の質問に答えました：

$(".confirmLink").click(function(e) {
  e.preventDefault();
  var targetUrl = $(this).attr("href");

  (new PNotify({
    title: $(this).data("title") || 'Are you sure?',
    icon: 'glyphicon glyphicon-question-sign',
    hide: false,
    confirm: {
      confirm: true
    },
    buttons: {
      closer: false,
      sticker: false
    },
    history: {
      history: false
    },
    addclass: 'stack-modal',
    stack: {
      'dir1': 'down',
      'dir2': 'right',
      'modal': true
    }
  })).get().on('pnotify.confirm', function() {
    window.location.href = targetUrl;
  }).on('pnotify.cancel', function() {
    // do nothing
  });

});

フィドル