如何确保我的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个字符，请打印'...'。