Javascript 使用jquery初始化画布

我最近通过以下库尝试可视化分子： . 首先，我对抽屉进行了如下初始化：

SmilesDrawer.apply({ width: 300, height: 300 });

<canvas data-smiles=CC=O name=canvasField></canvas>

如果我使用以下数据输入创建一个简单画布：

SmilesDrawer.apply({ width: 300, height: 300 });

<canvas data-smiles=CC=O name=canvasField></canvas>

该库工作正常，并输出所需的可视化效果。但是，如果我尝试通过jquery（在html呈现期间）进行设置，如下所示

$('#outputElement').html("<canvas data-smiles=CC=O name=\"canvasField\"></canvas>")

$（'#outputElement'）.html（“”）

什么也没发生。我检查了html，它看起来很好，但是，这个分子没有显示出来。我是不是漏掉了什么明显的东西？如果是这样，我如何用html生成画布，如图所示

---

谢谢

试试这个<代码>$（'#outputElement'）.html（“”）无法重新编程：虽然将属性的值用引号括起来是个好主意…尝试过了，谢谢。我会深入挖掘，不知道会出现什么问题。我通过在请求中对画布库进行额外的重新初始化来修复它。谢谢你的jsfiddle@kaido