javascript - onload后加pre标签不生效

Question

我正在尝试使用 Jquery 插件绘制箭头，如所述 here

插件导致此代码

<pre class="arrows-and-boxes"> (Src) > (Target) </pre>

看起来像这样:Src --> Target

如果我在 onload 函数之前调用此代码，它可以正常工作。但是在 onload 函数之后(或之内)，格式不适用。

$("#canvas").append("<pre class=\"arrows-and-boxes\"> (Src) > (Target) </pre>");

我也提过同样的问题here

Answer 1

该插件创建了一个名为 .arrows_and_boxes() 的 jQuery 函数。如果您在新创建的元素上调用它，它应该可以工作:

var $newPre = $("<pre class=\"arrows-and-boxes\"> (User) > (Admin) </pre>");
$("#canvas").append($newPre)
$newPre.arrows_and_boxes();

在这里 fiddle :http://jsfiddle.net/1p7hz799/3/