我尝试使用TagCanvas this创建一个世界云,如果我使用以下代码,它会起作用:
<div id="myCanvasContainer">
<canvas width="690" height="450" id="myCanvas">
</canvas>
</div>
<div id="tags">
<ul id="tagList">
<li><a href="http://www.google.com" target="_blank">Brasil</a></li>
<li><a href="/fish"><img src="../front-end/tagcanvas/ola.jpg">Argelia</a></li>
<li><a href="/chips">Cócò</a></li>
<li><a href="/salt">Fìóóó´d´d´d</a></li>
<li><a href="/vinegar">Rafa</a></li>
<li><a href="/vinegar">assim</a></li>
<li><a href="/vinegar">ja</a></li>
<li><a href="/vinegar">leva</a></li>
<li><a href="/vinegar">aqui</a></li>
<li><a href="/vinegar">assim</a></li>
<li><a href="/vinegar">ja</a></li>
<li><a href="/vinegar">leva</a></li>
<li><a href="/vinegar">opis</a></li>
</ul>
</div>
</div>
但是当我使用这个功能时:
function renderListSelecoes(data) {
var list = data == null ? [] : (data.selecoes instanceof Array ? data.selecoes : [data.selecoes]);
$('#tagList li').remove();
$.each(list, function(index, selecaotag) {
$('#tagList').append('<li><a href="" data-identity="' + selecaotag.id_selecao + '">'+selecaotag.nome+'</a></li>');
});
}
要呈现列表,标签画布不会出现,这里是我在html中的代码的一部分:
<div class="col-md-8" style="height:500px">
<div id="myCanvasContainer">
<canvas width="690" height="450" id="myCanvas">
</canvas>
</div>
<div id="tags">
<ul id="tagList">
</ul>
</div>
</div>