我正在尝试在运行时添加默认的 Bootstrap 进度条。设计时进度条显示正常,但是当我尝试使用 jquery 在运行时添加它时,进度不会显示。我需要能够在运行时动态添加这些进度条。
不确定我缺少什么,是否有初始化函数或我应该使用的东西?
这里有 fiddle 。 https://jsfiddle.net/riyasdeen/Lxovnbdj/
$(function() {
$('#prog_progress')
.append($($('<div>')
.addClass('progress')
.append($($('<div>')
.addClass('progress-bar progress-bar-success progress-bar-striped')
.attr('role','progressbar')
.attr('aria-valuenow', '50')
.attr('aria-valuemin', '0')
.attr('aria-valuemax', '100')
.css('width', '200px;')
.append($($('<span>')
.addClass('sr-only')
.append('60%')
))
))
))
});
感谢您的宝贵时间。
R
最佳答案
尝试下面的代码
$(function() {
$('#prog_progress')
.append($($('<div>')
.addClass('progress')
.append($($('<div style="width:60%">')
.addClass('progress-bar progress-bar-success progress-bar-striped')
.attr('role','progressbar')
.attr('aria-valuenow', '50')
.attr('aria-valuemin', '0')
.attr('aria-valuemax', '100')
.css('width', '200px;')
.append($($('<span>')
.addClass('sr-only')
.append('60%')
))
))
))
});
你错过了给它宽度。
关于javascript - Bootstrap 进度条编程运行时,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40043938/