基础
<button class="btn dialog-show">标准</button> $(".dialog-show").click(function() { var align=$(this).attr("data-align"); $.dialog( { 'title':"标题", 'text':"内容", 'align':align, 'ok':function(e) { alert('你点了确认'); e.close(); } }); });

方向
<button class="btn dialog-show" data-align="top-left">左上角</button> <button class="btn dialog-show" data-align="top-right">右上角</button> <button class="btn dialog-show" data-align="bottom-left">左下角</button> <button class="btn dialog-show" data-align="bottom-right">右下角</button>

扩展
<button class="btn dialog-input">单行文本框</button> $(".dialog-input").click(function() { $.dialogbox( { 'title':"修改昵称", 'inputval':"IT平民", 'type':1, 'ok':function(e) { var val=e.inputval(); alert(val) } }); }); <button class="btn dialog-textarea">多行文本框</button> $(".dialog-textarea").click(function() { $.dialogbox( { 'title':"录入授权码", 'inputval':"123456", 'type':2, 'align':'bottom-right', 'ok':function(e) { var val=e.inputval(); alert(val) }, 'mask':false }); }); <button class="btn dialog-iframe">框架</button> $(".dialog-iframe").click(function() { $.dialogbox( { 'title':"框架测试", 'text':"iframe.html", 'width':'400px', 'height':'280px', 'type':3, 'ok':function(e) { e.iframe().contents().find("#sdcms-submit").click(); } }); });

<button class="btn dialog-other">不显示底部</button> $(".dialog-other").click(function() { $.dialogbox( { 'title':"底部不显示", 'text':"iframe.html", 'width':'80%', 'height':'80%', 'type':3, 'footer':false }); });

<button class="btn dialog-mobile-show">手机使用</button> $(".dialog-mobile-show").click(function() { $.dialog( { 'text':"确定要删除", 'ismobile':1 }); });