我能够使bokeh对象在网页上的div内部正确呈现。散景对象通过Flask返回,并基于用户单击生成。但是,我的问题是,每次用户单击时,都会将生成的新的bokeh对象附加到div。
我已经了解了.html()替换内容的方法,也了解了document.getElementById,但是我不确定如何替换div内容并避免添加。任何帮助表示赞赏。
我的index.html中的相关代码段
rows.forEach(row => {
row.addEventListener("click", () => {
var pic = <<my_url>> + ($(row).attr("data-href"));
$.ajax({
data : {},
dataType: "json",
type : 'GET',
url : <<my flask app path>>
})
.then(function(response) {return response;})
.then(function(item) {
Bokeh.embed.embed_item(item);
})
});
});
清空div点击内容是我解决情况的方法。即,>
$(div).empty();