javascript - 注入 javascript 或 jquery (rapaeljs) 以动态创建 html 标签

Question

我有一个 php 页面，我在其中从数据库加载元素以动态创建我的菜单，现在我想向元素添加处理程序以执行 raphaeljs 任务，这是我的代码：

<a href="#" onclick="${
          var paper = Raphael('main',320,200);
          paper.circle(50,50,50);
          paper.attr({fill: red});
          });
        });"><?=$unLocal['descripcion'];?></a>

如您所见，我正在尝试将处理程序（onclick）动态附加到我的<a>标签，但我无法使这些东西正常工作。在这种情况下，最好的方法是什么。谢谢

Answer 1

我认为您最好的选择是摆脱那些 onclick 属性并将它们移动到 JavaScript，如下所示：

<a href="#" class="myClass"><?=$unLocal['descripcion'];?></a>

然后使用 jQuery：

$(document).on('click', '.myClass', function () {
    var paper = Raphael('main',320,200);
    paper.circle(50,50,50);
    paper.attr({fill: red});
});

在文档上注册点击处理程序将允许它在页面加载时不存在的节点上工作。

老实说，您尝试做的事情似乎有点奇怪，但这就是我如何让该功能与 jQuery 一起使用。