「jQuery入門」blockUI()で要素を指定するサンプル

2017年10月20日

サンプルコード:
<script>
$(function(){
$('#testBtn’).click(function() {
$.blockUI({
message: $('#cft’) ,
css: {
border: 'none’,
padding: ’20px’,
color: '#fff’
});
});
$('#OK’).click(function() {
$.unblockUI();
//some code
});
$('#NG’).click(function() {
$.unblockUI();
return false;
});
});
</script>
<div id="cft" >
<p>登録しますか？</p>
<input type="button" id="OK" value="登録" />
<input type="button" id="NG" value="キャンセル" />
</div>
<input type="button" id="testBtn" value="テスト" /