在使用JQuery Dialog UI插件时,也许你会遇到这样的问题:怎样动态改变按钮显示的文字?特别是在做国际化的时候。我们知道,在JQuery Dialog中可以自定义按钮Button
$("#taskInfoModal").dialog({ //弹出窗口,并设置其属性
title : $objs.eq(3).html(), //设置标题内容
modal : true, //是否为模态窗口
height : 600, //高度
width : 800, //宽度
draggable : false, //不可拖拽
resizable : false, //不可调整大小
buttons : { //设置按钮
jobLabel : function() {
window.location.href = "worker!jobIndex?job.otOtaid=" + taskId + "&job.otOuid=" + workerId + "&task.name=" + $objs.eq(3).html() + "&template.oteid=" + templateId;
},
$("#taskInfoModal").dialog({ //弹出窗口,并设置其属性
title : $objs.eq(3).html(), //设置标题内容
modal : true, //是否为模态窗口
height : 600, //高度
width : 800, //宽度
draggable : false, //不可拖拽
resizable : false, //不可调整大小
buttons : { //设置按钮
jobLabel : function() {
window.location.href = "worker!jobIndex?job.otOtaid=" + taskId + "&job.otOuid=" + workerId + "&task.name=" + $objs.eq(3).html() + "&template.oteid=" + templateId;
},

本文探讨了在使用JQuery Dialog时遇到的按钮文字国际化问题。通过尝试直接使用$.i18n.prop()方法失败后,作者采用了先存储再赋值的方式,但依然无效。最终,通过研究JQuery Dialog的open方法,成功实现了在对话框打开时动态改变按钮内容,从而达到国际化的效果。
最低0.47元/天 解锁文章
188

被折叠的 条评论
为什么被折叠?



