同时生成Javascript代码和HTML代码？

Question

我正在使用WireIt，它可以让你绘制动态电线。我的html中的js包含如下代码：

window.onload = function() {

    var block1 = YAHOO.util.Dom.get('block1');
    new WireIt.Terminal(block1, { wireConfig: { drawingMethod: "arrows"}, offsetPosition:[0,0] });

    var block2 = YAHOO.util.Dom.get('block2');
    new WireIt.Terminal(block2, { wireConfig: { drawingMethod: "arrows"}, offsetPosition:[0,0] });

    var block3 = YAHOO.util.Dom.get('block3');
    new WireIt.Terminal(block3, { wireConfig: { drawingMethod: "arrows"}, offsetPosition:[0,0] });

};

一个对应的div元素，其id与上面的var / blocks相匹配，整个工作也是必要的：div id =“block1 / 2/3”/上面的那些是手动插入的。

我希望在它们之间绘制线的元素是通过其他jquery脚本在html中动态创建的。所以我需要的是在创建新元素时在WireIt js中生成更多这些var / block＃条目，以及相应的div id =“block＃”/。

我将如何开始这样做？如果这意味着什么，我根本不知道php / ajax。