【jQuery】クリックした時に確認ダイアログを出す【サンプルコードあり】

PHPJQuery

( ! ) Notice: Undefined variable: content in /home/stories/public_html/dstrikes.net/wp-content/themes/cocoon-child-master/tmp/content.php on line 76
Call Stack
#TimeMemoryFunctionLocation
10.0025358208{main}( ).../index.php:0
20.0030360256require( '/home/stories/public_html/dstrikes.net/wp-blog-header.php' ).../index.php:17
31.664837674040require_once( '/home/stories/public_html/dstrikes.net/wp-includes/template-loader.php' ).../wp-blog-header.php:19
41.684137694192include( '/home/stories/public_html/dstrikes.net/wp-content/themes/cocoon-master/single.php' ).../template-loader.php:78
52.316738335272get_template_part( ).../single.php:18
62.316738335760locate_template( ).../general-template.php:168
72.317238335888load_template( ).../template.php:671
82.322238345984require( '/home/stories/public_html/dstrikes.net/wp-content/themes/cocoon-master/tmp/single-contents.php' ).../template.php:724
92.322438345984get_template_part( ).../single-contents.php:19
102.322538346456locate_template( ).../general-template.php:168
112.322838346584load_template( ).../template.php:671
122.334438377568require( '/home/stories/public_html/dstrikes.net/wp-content/themes/cocoon-child-master/tmp/content.php' ).../template.php:724
この記事は 約2 分で読めます。

作業していて表題のような事よくありますよね
難しい処理は要らないしちょっとクリックした時に確認ダイアログ出して間違いクリックを防ぎたいなと言う時が。

例えばデータの削除の時とか間違えてクリックしちゃったらDBからデータが消えてしまってガーン!ってなるような・・・・
そう言うのを簡単に防ぐ為のダイアログ キャンセルボタンが押されたら中断するようなボタンの処理です。

いつも使ってる簡単な奴なので個人的メモ

<script>
	$('.confirm').click(function(){
		if(!confirm('本当に削除しますか?')){
			/* キャンセルの時の処理 */
			return false;
		}
	});
</script>

jQueryが読み込まれてる事が前提です。

必要なボタンのClassに confirm と付け足してやるだけで動作するお手軽なものです

筆者のオススメ本

jQuery最高の教科書

株式会社シフトブレイン SBクリエイティブ 2013-11-26
売り上げランキング : 108956

by ヨメレバ

 

コメント

トップへ戻る