我尝试将HTML放在AJAX中以显示到Bootstrap模式中,但该类不起作用。我不知道错误出在哪里。
这是我的代码:
var all_gaugeKritis5 = "";
all_gaugeKritis5 += '<div class="pie-progress pie-progress-sm" data-plugin="pieProgress" data-valuemax="100" data-barcolor="#57c7d4" data-size="100" data-barsize="10" data-goal="100" aria-valuenow="86" role="progressbar" style="width: 100px;"><span class="pie-progress-number blue-grey-700 font-size-20">' + data.data10['DEVIASI'] + '</span></div>';
$('#all_gaugeKritis5').html(all_gaugeKritis5);
这是我的观点:
<div class="col-sm-4">
<div id="all_gaugeKritis5" class="gaugeKritis"></div>
</div>
请帮忙,提前谢谢。
发布于 2018-07-20 10:16:31
你能像这样试一下吗?
$(function() {
ForHTML = {
MyHTML : function() {
var mystring = 'foo';
var all_gaugeKritis5 = '';
all_gaugeKritis5 += '<div class="pie-progress pie-progress-sm" data-plugin="pieProgress" data-valuemax="100" data-barcolor="#57c7d4" data-size="100" data-barsize="10" data-goal="100" aria-valuenow="86" role="progressbar" style="width: 100px;">' +
'<span class="pie-progress-number blue-grey-700 font-size-20">' + mystring +'</span>' +
'</div>';
$('#all_gaugeKritis5').html(all_gaugeKritis5);
}
}
ForHTML.MyHTML();
});
.pie-progress {
color: #08c;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="col-sm-4">
<div id="all_gaugeKritis5" class="gaugeKritis"></div>
</div>
https://stackoverflow.com/questions/51434111
复制相似问题