2017-11-30 3 views
0

jqueryの-確認バージョン:V3.3.0のgitの:craftpip/https://jsfiddle.net/bdtx2ub2/私はjconfirm-ボタンを変更するにはどうすればよいのスタイルcraftpip/jqueryの-確認は

<div class="jconfirm-buttons"> 
<button type="button" class="btn btn-info btn-block">Update</button> 
<button type="button" class="btn btn-danger btn-block">Delete</button> 
<button type="button" class="btn btn-default btn-block">Cancel</button> 
</div> 

あなたは私を助けることができるテストの

jsfiddleをjqueryの-確認します...クラスjconfirm-buttonsでdivに追加するにはどうすればいいですか?このdivのcolumnClassやbtnClassのようなソリューションはありますか?

私はdiv要素は、私は

をやりたい

image

<div class="jconfirm-buttons btn-block"> 
<button type="button" class="btn btn-info btn-block">Update</button> 
<button type="button" class="btn btn-danger btn-block">Delete</button> 
<button type="button" class="btn btn-default btn-block">Cancel</button> 
</div> 

を正当化するためにブートストラップクラスBTN-ブロックを追加することによって、このdivの中に私のボタンを正当化したい

image

どうすればいいですか? javascriptのないソリューションはありますか?または、私はjs(これはイベントonOpenでこのjavascriptをバインドすることを正当化できると思っています)とどうすればできますか?

+0

jsfiddleまたはコードスニペットを共有できますか? –

+0

はい、どうぞよろしくお願いいたします。https://jsfiddle.net/bdtx2ub2/ –

答えて

3

Here jsfiddle link。このソリューションはうまくいかないものの、まだ機能しています。

onOpenBefore:function(){ 
      this.buttons.close.el[0].parentNode.className+=" btn-block"; 
     }, 
+1

ありがとうございました!それが私が必要なものすべてです。私はちょうどそれを "jconfirm-buttons"とconcatする "btn-block" cuzの前に少しスペースを追加して修正し、結果として "jconfirm-buttonsbtn-block"を持っているので、最終的な解決策はthis.buttons.close.el [0 ] .parentNode.className + = "btn-block"; –

関連する問題