「jQuery入門」ダイアログのボタンを２つにする

2013年12月26日2019年2月14日

サンプルコード

<div id="cftDiv" style="display:none;">
<p>ダイアログのボタン</p>
</div>
<input type="button" id="btnConfirm" value="確認" />

<script src="/jquery/1.12.4/jquery.min.js"></script>
<script src="/jqueryui/1.12.1/jquery-ui.min.js"></script>
<script>
$(function() {
	$("#btnConfirm").click(function() {
		$("#cftDiv").dialog({
			modal:true, 
			title:"テストタイトル", 
			buttons: { 
			"確認": function() {
				$(this).dialog("close");
				},
			"キャンセル": function() {
				$(this).dialog("close"); 
				}
			}
		});
	});
});
</script>