Webでサンプルプログラムを探していて、以下のソースを見つけた。
<script>
$(document).ready(function() {
$.confirm({
title:'確認',
message:'よろしいですか？',
'buttons' : {
'Yes' : {
'class' : 'blue',
'action': function(){
// OKボタン押されたときの処理を記載
}
},
'cancel': {
'class' : 'gray',
'action': function(){
// キャンセルボタン押されたときの処理を記載
}
}
}
});
});
</script>
このままではこのソースを組み込んだページが表示されたときに実行される。
ボタンをクリックしたときに実行したい。
$(document).ready(function() を $('#btn1').click(function() に変更したが動作しない。
（btn1はボタンのID）
結局、$('#btn1').click(function() の 上にもう一つ $(function() { を置いたら動作した。
<script>
$(function(){
$('#btn1').click(function() {
$.confirm({
title:'確認',
message:'よろしいですか？',
'buttons' : {
'Yes' : {
'class' : 'blue',
'action': function(){
// OKボタン押されたときの処理を記載
}
},
'cancel': {
'class' : 'gray',
'action': function(){
// キャンセルボタン押されたときの処理を記載
}
}
}
});
});
});
</script>
よく理解しないまま、Try and Error を繰り返している内にうまくいっただけ。
HTML ボタン
<input type="button" id="btn1" value="保存">
HTML header部分
<link href="css/jquery.confirm.css" rel="stylesheet">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="js/jquery.confirm.js"></script>
【このカテゴリーの最新記事】
-
no image
-
no image
-
no image
-
no image
