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

时间:2014-11-08 13:13:56

标签: javascript jquery twitter-bootstrap twitter-bootstrap-2 bootstrap-file-upload

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

设置文本

jsfiddle sample

文件字段

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

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

1 个答案:

答案 0 :(得分:5)

通过在启动文件样式的对象中传递选项来尝试它,工作。

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

具有讽刺意味的是,当您尝试更改后面的vaule时,文本会被添加到按钮中。

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

fiddle

<强> working fiddle