jquery - 如何确保我的 jQueryUI 按钮文本不超过 25 个字符？

Question

为避免布局出现问题，如何确保按钮文本的长度不超过 25 个字符？

var fileName = "AnalysisOfCollateralDebt";

$('#buttonContainer')
.append("<button id='fileButton' class='span-1'>Show File" 
+ fileName 
+ "</button>");

$("#fileButton").button({
    icons: {primary: "ui-icon-triangle-1-e"},
    text: true
});

在上面的示例中，按钮将显示为:

Show File: AnalysisOfCollateralDebt

但我希望它读取:

Show File: AnalysisOf...

Answer 1

只需将第 5 行更改为:

+ fileName.substr(0,10) + ((fileName.length > 10)?'...':'')

英文:

fileName.substr(0,10):文件名的前10个字符；如果文件名短于 10 个字符 .substr() 将不起作用。

((fileName.length > 10)?'...':''):如果文件名确实长于10个字符，则打印出'...'.