arrow-and-boxes插件jquery

时间:2014-03-07 08:03:23

标签: jquery fancybox-2

我正在尝试实现arrow-and-box插件来实现一些图表。如果使用静态内容它可以工作但是如果我通过Jquery使用动态内容将其呈现为文本而不是图表。

       <html>
        <head>
     <script src="js/jquery/jquery-2.0.3.min.js"></script>

<script type="text/javascript" src="jquery.wz_jsgraphics.js"></script>
    <script type="text/javascript" src="arrowsandboxes.js"></script>

    <link type="text/css" rel="stylesheet" href="arrowsandboxes.css">       
    <script language="javascript">
somefunction.gettestChainChain('<%=test%>');

</script>
    </head>
   <body>
   <pre class="arrows-and-boxes" id="testChain">
      ---my content with apprear here
   </pre>

     </body>
  </html>

1 个答案:

答案 0 :(得分:0)

你可以做任何你想做的事情,就像你可以用<div>设置一个空的id=node然后在这个div上附加框码作为html

$("#node").html('<pre id="testChain" class="arrows-and-boxes"> (User) > (Admin) </pre>')

完成后只需在脚本标记内调用此行

<script>
$("#testChain").arrows_and_boxes();
<script>