用js（最好jQuery） 重写confirm方法【js高手请进】

html-css09

用js（最好jQuery） 重写confirm方法【js高手请进】,第1张

$.confirm = function(msg,func1,func2,w,h) { Confirm(msg,func1,func2,w,h)}

function Confirm(msg,func1,func2,w,h){

var opts = {css:{width:w?w:300,height:h?h:120}}

//这里还可以判断msg的长度进行排版，并调整弹出框的大小

install(window.top, opts)

$.DialogData.dialogDiv.find("div[id^='_DialogButtons_']").css('text-align','center')

var win = topWin.$.DialogData.iframeObj.attr('contentWindow')

var doc = win.document

doc.open()

doc.write("<body></body>")

var arr = []

arr.push("<div><table height='100%' border='0' align='center' cellpadding='10' cellspacing='0'>")

arr.push("<tr><td align='center'><img id='Icon' src='../images/icon_query.gif' width='34' height='34' align='absmiddle'></td>")

arr.push("<td align='left' id='Message' style='font-size:9pt'>"+msg+"</td></tr></table></div>")

var div = $(arr.join(''),doc.body)

$(doc.body).append(div)

doc.close()

//设置响应函数

//如果传递响应函数则执行，否则仅关闭窗口

$.DialogData.dialogDiv.find("input[id^='_ButtonOK_']").bind("click", function() {

$.unfunkyUI()

if(func1){

func1()

}

})

$.DialogData.dialogDiv.find("input[id^='_ButtonCancel_']").bind("click", function() {

if(func2){

func2()

}

})

}

})(jQuery)

$confirm提示框的按钮默认顺序是取消、确定，想要将两个按钮的顺序调换，思路是将取消按钮向右浮动即可。

1、定义css

2、在使用$confirm提示框时设置按钮样式