Confirm

簡単に実装できる確認ダイアログ

CSSに関しては一部CSSライブラリを採用しているので併用してください。

  • DEMO
googleへのリンク

上記のボタンはaタグになっており、クリックでアラート表示した後に、googleを別タブで開くようになっています。
confirmの確認表示でキャンセルを選ぶと上記2つのイベントの実行を停止します。

使い方

[data-confirm]属性を付与することで、属性の値を文面にした確認ダイアログを表示。
OKで通常動作、キャンセルで[stopImmediatePropagation();]と[return false;]になり、以降のイベントの実行を停止します。

  • Script
$bd.on('click', '[data-confirm]', function(e){
    if(!confirm($(this).data('confirm'))){
      e.stopImmediatePropagation();
      return false;
    }
  });