在onload之后添加pre标签不会生效

时间:2014-09-23 17:31:00

标签: javascript jquery css pre

我正在尝试使用Jquery插件来绘制箭头,如here

所述

该插件会导致此代码

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

看起来像这样:Src - &gt;目标

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

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

我也提出了同样的问题here

1 个答案:

答案 0 :(得分:1)

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

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

在这里小提琴:http://jsfiddle.net/1p7hz799/3/