javascript - Bootstrap Filestyle - 更改文件字段的按钮文本不起作用

Question

我想在 Bootstrap 2.3.2 的 Bootstrap Filestyle 插件中更改文件字段的按钮文本，但它不起作用并且按钮文本仍然是默认值。我通过替换 jquery 中的元素来创建文件字段，并尝试通过属性data-buttonText或方法设置文本$("#changeAccountsSourceModal :file").filestyle('buttonText', 'Choose address');

jsfiddle 示例

文件字段

$("#changeAccountsSourceModal .form-horizontal").replaceWith("<input type=\"file\" class=\"filestyle\" data-input=\"true\" data-buttonText=\"Choose address\">");

$("#changeAccountsSourceModal :file").filestyle();

Answer 1

只需通过在启动文件样式的对象中传递选项来尝试它，就可以了。

$("#changeAccountsSourceModal :file").filestyle({buttonText: 'Choose address'});

具有讽刺意味的是，当您尝试更改 vaule afterwords 时，文本只会添加到按钮中。

$("#changeAccountsSourceModal :file").filestyle('buttonText', 'Choose address');

小提琴

工作小提琴