JQueryのdataを使用して1回目のクリックだけアクションを発生させる

by iwbjp

HTML

<button>ボタン</button>

CSS

button {
    width: 200px;
    padding: 20px;
    font-size: 20px;
    cursor: pointer;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

JavaScript

$("button").click(function(){
	var click = $(this).data("click");
	if(!click){
		alert("1回目のクリックだけアラート表示");
		$(this).data("click", true);
	}
});