Bootstrap Filestyle-更改文件字段的按钮文本'不起作用
Bootstrap Filestyle - Changing button text for file field doesn't work
我想在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();
只是通过在启动文件样式时在对象中传递选项来尝试一下,效果很好。
$("#changeAccountsSourceModal :file").filestyle({buttonText: 'Choose address'});
具有讽刺意味的是,当你试图更改吹嘘的后记时,文本只会添加到按钮上。
$("#changeAccountsSourceModal :file").filestyle('buttonText', 'Choose address');
小提琴
工作小提琴
您可以更改按钮文本、删除图标、占位符和更多
$(document).ready(function () {
$("#myInputId").fileinput({
mainClass: "input-group-md",
showUpload: false,
previewFileType: "image",
browseClass: "btn btn-sucess",
browseLabel: "Select Photo",
browseIcon: "<i class='"icon-picture'"></i> ",
removeClass: "btn btn-danger",
removeLabel: "Delete",
removeIcon: "<i class='"icon-trash'"></i> ",
uploadClass: "btn btn-info",
uploadLabel: "Upload",
uploadIcon: "<i class='"icon-upload'"></i> ",
msgPlaceholder: "Select Photo"
});
});
相关文章:
- html/jquery输入类型:单选框中的文本不起作用
- AngularJS按钮文本不起作用
- 单选插件的占位符文本不起作用
- Javascript - 在将标签环绕后重新选择文本不起作用?所见即所得
- 动态更改选项文本不起作用
- 在 Javascript 中使用 setTimeout 移动文本不起作用
- 填充文本不起作用
- 返回了JS对象,但响应文本不起作用
- 使用 javascript 更改按钮文本不起作用
- 在画布上呈现文本不起作用
- 在 javascript 中更改标签的文本不起作用
- OrbitControls 和 dat.gui 文本不起作用
- 在当前卡雷位置插入文本不起作用(多个文本框)
- 使用 JavaScript 复制模型的输入文本不起作用
- 多选插件中的占位符文本不起作用
- 使用 jQuery .data() 设置元素的文本不起作用
- 我每隔几个小时使用 JavaScript 的自定义文本不起作用
- Javascript多个突出显示文本不起作用
- 更新文本不起作用
- 调整浏览器大小时,图像上方的文本不起作用