jQuery クリック ボタン ポップアップ ダイアログ ウィンドウ プロンプト プラグイン

jQuery 確認ダイアログ ウィンドウ ポップアップ プラグインでは、ボタンをクリックすると、確認、キャンセル、その他の操作コードを求めるダイアログ ボックスがポップアップ表示されます。

<div class="div-testDialog">
<button class="dw-btn has-hoverdisabled input-reverse-tofull" onClick="javascript:$('body').dailog({type:'defalut'})">デフォルトのポップアップ ウィンドウ< /ボタン>
<button class="dw-btn btn-success has-hover" onClick="javascript:$('body').dailog({type:'success'})">成功</button>
<button class="dw-btn btn-primary has-hover" onClick="javascript:$('body').dailog({type:'primary'})">プライマリ</button>
<button class="dw-btn btn-danger has-hover" onClick="javascript:$('body').dailog({type:'danger'})">danger</button>
<button class="dw-btn btn-warning has-hover" onClick="javascript:$('body').dailog({type:'warning'})">警告</button>

<button class="dw-btn btn-success has-hover" onClick="javascript:$('body').dailog({type:'success',maskBg:'rgba(88,11,22,0.5) '})">マスクの背景色を設定できます</ボタン>

<button class="dw-btn btn-danger has-hover" onClick="javascript:$('body').dailog({type:'danger',title:'ショック!!!.',description:'グループステージでSKTを破りました。Lu Xiyeにソロで2回殺され、心が痛くなりました!'})">カスタマイズされたコピーライティングのタイトル、説明</ボタン>

<button class="dw-btn btn-danger has-hover" onClick="javascript:$('body').dailog({type:'danger',title:'Error.',description:'昨日聞きました遅れて我々が SKT を破りました!!! 遅れて我々が SKT を破ったことを知っていますか!!! 知っていますか?',isInput:true},function(ret) {if(ret.index===0){alert('あなたがクリックしたのは is '+ret.index+' ボタン、ステータス: '+ret.input.status+'; 入力値は '+ret.input.value)};})">クリック後のコールバック関数< /button>

<button class="dw-btn has-hoverdisabled input-reverse-tofull" onClick="javascript:$('body').dailog({type:'defalut',showBoxShadow:true})">box-シャドウ</ボタン>
<button class="dw-btn btn-success has-hover" onClick="javascript:$('body').dailog({type:'success',showBoxShadow:true,maskBg:'#fff'})" >ボックスシャドウ</ボタン>
<button class="dw-btn btn-primary has-hover" onClick="javascript:$('body').dailog({type:'primary',showBoxShadow:true,maskBg:'#fff'})" >ボックスシャドウ</ボタン>

<button class="dw-btn btn-primary has-hover" onClick="javascript:$('body').dailog({type:'primary',showBoxShadow:true,animateStyle:'none'})"> ;進入禁止アニメーション</ボタン>

<button class="dw-btn btn-warning has-hover" onClick="javascript:$('body').dailog({type:'warning',showBoxShadow:true,animateStyle:'none',bottons:[ 'OK']、説明: '何か問題があるかもしれません!'})">単一ボタン</button>
</div>