首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >如何在AJAX JavaScript中显示超文本标记语言并将其调用到into?

如何在AJAX JavaScript中显示超文本标记语言并将其调用到into?
EN

Stack Overflow用户
提问于 2018-07-20 10:09:18
回答 1查看 46关注 0票数 0

我尝试将HTML放在AJAX中以显示到Bootstrap模式中,但该类不起作用。我不知道错误出在哪里。

这是我的代码:

代码语言:javascript
复制
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);

这是我的观点:

代码语言:javascript
复制
<div class="col-sm-4">
  <div id="all_gaugeKritis5" class="gaugeKritis"></div>
</div>

请帮忙,提前谢谢。

EN

回答 1

Stack Overflow用户

发布于 2018-07-20 10:16:31

你能像这样试一下吗?

代码语言:javascript
复制
$(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();

});
代码语言:javascript
复制
.pie-progress {
  color: #08c;
}
代码语言:javascript
复制
<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>

票数 -1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/51434111

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档