在使用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");
},
},
}
});
$("#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然後再動態改變其內容，成功解決了。
