JQuery Dialog UI按钮文字国际化

在使用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;
},
close : function() {
$(this).dialog("close");
},

}
});

红色部分字样给出的内容即为页面上显示出来的文字，要对这部分文字进行国际化，我起初的做法是直接将jobLabel换成了“$.i18n.prop("worker_index.js_taskTable")”发现直接报错。

PS：$.i18n.prop("worker_index.js_taskTable")是采用的JQuery.i18n.properties实现js的国际化的取值方式，“worker_index.js_taskTable”是我存在国际化文件中的字符串

如何使用JQuery.i18n.properties实现国际化，可以参考：http://blog.csdn.net/leox_2012/article/details/16119887

然后，我想到的另外一下方法，先用一个变量将该值存起来，然后再赋值到jobLabel，如图：

但是还是不成功，这次实现的是效果还是和第一次差不多，也就是说该值给定之后就是页面按钮显示的内容。

最后上网查询jquery dialog 插件，发现里面还有另外的方法没有使用到。其中open方法就是用来打开dialog对话框。

最终的解决方法如下：

红色部分内容先找到创建的Button然后再动态改变其内容，成功解决了。

JQuery Dialog UI按钮文字国际化相关推荐

隐藏Jquery dialog 按钮
隐藏Jquery dialog 按钮 $(".ui-dialog-buttonpane button").hide(); //隐藏dialog中所有button $(". ...
【Visual Studio 2019】创建 MFC 桌面程序 ( 安装 MFC 开发组件 | 创建 MFC 应用 | MFC 应用窗口编辑 | 为按钮添加点击事件 | 修改按钮文字 | 打开应用 )
文章目录一.安装 MFC 开发组件二.创建 MFC 应用三.MFC 应用窗口编辑四.为按钮添加点击事件五.修改按钮文字六.打开系统其它应用七.博客源码一.安装 MFC 开发组件打开 ...
第四十四课：jQuery UI和jQuery easy UI
jQuery UI是jQuery官方提供的功能效果和UI样式.作为官方出的东西,它一直没有被人们看重,一是它没有datagrid,tree等UI库必备的东西,二是它修改太过频繁,体积庞大.其实它所有以 ...
7个jquery easy ui 基本组件图解
下面给出7个jquery easy ui 基本组件: 1 基本面板 <!DOCTYPE html> <html> <head><meta charset=&q ...
JQuery Dialog(JS模态窗口,可拖拽的DIV)
JQuery Dialog(JS模态窗口,可拖拽的DIV) 吴剑 2012-08-08 原创文章,转载必需注明出处:http://www.cnblogs.com/wu-jian/ 效果图调用示意图 ...
jQuery酷炫的文字动画效果代码
jquery css3文字动画特效点击切换文字动态效果 jquery文字动画特效制作淡出淡进文字轮播动画效果代码 jquery文字提示点击按钮触发文字变大消失动画效果 jquery点击按钮淡出淡进动画 ...
Element UI 按钮点击后不失焦，按钮颜色改变问题
Element UI 按钮点击后不失焦问题 element ui 按钮在点击后没有恢复设置的颜色,是因为点击按钮后,焦点仍在按钮上下面是两种解决方法: 1.第一种: 改变按钮获取焦点的按钮样式,使按 ...
html中文字阴影扁平,jQuery扁平化图标文字长阴影特效插件
这是一款效果十分炫酷的jQuery扁平化图标文字阴影特效插件.近几年来,扁平化设计已经成为前端网页开发的一个时髦领域.扁平化设计在各种移动和桌面应用中随处可见.在这款插件中,使用jQuery来模拟扁平 ...
JQuery Dialog弹出图片
需求背景:点击某个超链接或者按钮,弹出一张图片. 之前写过一篇关于弹出对话框的blog,用的插件就是JQuery Dialog,话不多说,给出关键代码如下: $("#dialogId&quo ...

JQuery Dialog UI按钮文字国际化

JQuery Dialog UI按钮文字国际化相关推荐

最新文章

热门文章