JQUERY 自定义confirm,怎么知道用户点击的是确认按钮,还是取消按钮
这里的showConfirm()只是将Confirm的框显示出来了,但如何得知用户点击的是哪个按钮呢,另外这个showConfirm()要做到可以多地多次调用,恳请各位大...
这里的showConfirm()只是将Confirm的框显示出来了,但如何得知用户点击的是哪个按钮呢,另外这个showConfirm()要做到可以多地多次调用,恳请各位大神指教下,不胜感激!
//js代码
//width:确认框宽度, height:高度,title:确认框标题,msg:内容, btnVal:根据language,按钮上显示中文还是英文
showConfirm = function (width, height, title, msg, language) {
var btnYes = "Yes";
var btnNo = "No";
if (language == "cn") {
var btnYes = "确定";
var btnNo = "取消";
}
$("#confirmContainer").remove(); //用户防止客户重复点击,另外一种做法:可以给页面添加一个遮罩层,禁止用户操作
var messageBox = "<div id='confirmContainer' class='containerBox'>"
+ " <div id='confirmContainer_top' class='containerBox_top'>"
+ " <div id='confirmContainer_top_title' class='containerBox_top_title' >" + title + "</div>"
+ " <div id='confirmContainer_top_icon' class='containerBox_top_icon'>×</div>"
+ " <div id='confirmContainer_top_icon_bg' class='containerBox_top_icon_bg'>×</div>"
+ " </div>"
+ " <div id='confirmContainer_content' class='containerBox_content'>"
+ " <table>"
+ " <tr>"
+ " <td style='width:66px; text-align:center;'><img src='../image/question.png'/></td>"
+ " <td id='td_confirm' style='text-align:center;'>" + msg + "</td>"
+ " </tr>"
+ " </table>"
+ " </div>"
+ " <div class='containerBox_bottom'>"
+ " <input type='button' id='btn-yes' class='containerBox_btn' value='" + btnYes + "'/> "
+ " <input type='button' id='btn-no' class='containerBox_btn' value='" + btnNo + "'/> "
+ " </div>"
+ "</div>";
$("body").append(messageBox).append("<div class='containerBox_coverLayer'></div>");
} 展开
//js代码
//width:确认框宽度, height:高度,title:确认框标题,msg:内容, btnVal:根据language,按钮上显示中文还是英文
showConfirm = function (width, height, title, msg, language) {
var btnYes = "Yes";
var btnNo = "No";
if (language == "cn") {
var btnYes = "确定";
var btnNo = "取消";
}
$("#confirmContainer").remove(); //用户防止客户重复点击,另外一种做法:可以给页面添加一个遮罩层,禁止用户操作
var messageBox = "<div id='confirmContainer' class='containerBox'>"
+ " <div id='confirmContainer_top' class='containerBox_top'>"
+ " <div id='confirmContainer_top_title' class='containerBox_top_title' >" + title + "</div>"
+ " <div id='confirmContainer_top_icon' class='containerBox_top_icon'>×</div>"
+ " <div id='confirmContainer_top_icon_bg' class='containerBox_top_icon_bg'>×</div>"
+ " </div>"
+ " <div id='confirmContainer_content' class='containerBox_content'>"
+ " <table>"
+ " <tr>"
+ " <td style='width:66px; text-align:center;'><img src='../image/question.png'/></td>"
+ " <td id='td_confirm' style='text-align:center;'>" + msg + "</td>"
+ " </tr>"
+ " </table>"
+ " </div>"
+ " <div class='containerBox_bottom'>"
+ " <input type='button' id='btn-yes' class='containerBox_btn' value='" + btnYes + "'/> "
+ " <input type='button' id='btn-no' class='containerBox_btn' value='" + btnNo + "'/> "
+ " </div>"
+ "</div>";
$("body").append(messageBox).append("<div class='containerBox_coverLayer'></div>");
} 展开
1个回答
展开全部
$("btn-yes").bind("click", function(){
alert( $(this).text() );
});
$("btn-no").bind("click", function(){
alert( $(this).text() );
});
alert( $(this).text() );
});
$("btn-no").bind("click", function(){
alert( $(this).text() );
});
更多追问追答
追问
多谢帅哥,不过你好像没理解我意思,我想要这个showConfirm()在其他页面也可以调用,
$("btn-yes").bind("click", function(){
alert( $(this).text() );
});
你这样的话,我只有将点击确定的事件写在btn-yes的click事件中,只能当前页面调用到,做不到通用
追答
建议看看jQueryUI或者bootstrap中Modal相关的实现, 其实大同小异, 只不过按钮事件注册的位置不同罢了。
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询