Javascript 在onload之后添加pre-tag不会';不生效

Javascript 在onload之后添加pre-tag不会';不生效,javascript,jquery,css,pre,Javascript,Jquery,Css,Pre,我正在尝试一个用于绘制箭头的Jquery插件,如前所述 该插件导致此代码 <pre class="arrows-and-boxes"> (Src) > (Target) </pre> (Src)>(目标) 如下所示:Src-->目标 如果我在onload函数之前调用这段代码,它可以正常工作。但是在onload函数之后(或内部),格式不适用 $("#canvas").append("<pre class=\"arrows-and-boxes\"> (S

我正在尝试一个用于绘制箭头的Jquery插件,如前所述

该插件导致此代码

<pre class="arrows-and-boxes"> (Src) > (Target) </pre>
(Src)>(目标)
如下所示:Src-->目标

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

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

我也提出了同样的问题。

该插件创建了一个名为
.arrows\u和\u box()的jQuery函数。
。如果在新创建的元素上调用此函数,它应该可以工作:

var $newPre = $("<pre class=\"arrows-and-boxes\"> (User) > (Admin) </pre>");
$("#canvas").append($newPre)
$newPre.arrows_and_boxes();
var$newPre=$(“(用户)>(管理)”);
$(“#画布”).append($newPre)
$newPre.箭头和方框();

在这里拉小提琴:

谢谢,它很管用。这是否特定于预标记?在ready函数之前,我无法理解它是如何工作的。它是特定于插件的。如果查看,您将看到它在
文档就绪
事件中处理页面上当前的文档。另外,我应该警告你,插件是错误的。