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

Mat*_*att 1 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样本

文件字段

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

$("#changeAccountsSourceModal :file").filestyle();
Run Code Online (Sandbox Code Playgroud)

Mar*_*der 5

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

$("#changeAccountsSourceModal :file").filestyle({buttonText: 'Choose address'});
Run Code Online (Sandbox Code Playgroud)

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

$("#changeAccountsSourceModal :file").filestyle('buttonText', 'Choose address');
Run Code Online (Sandbox Code Playgroud)

小提琴

工作小提琴