我有一个由draw.io
. 我制作了一棵具有可扩展和可折叠功能的树。我的终极目标是使树可以扩展,就好像它逐级打开一样,尽管一次扩展所有级别。但我不能多次捕捉到点击事件。
这是片段中的 Html 页面。如果您按根的加号图像,它会扩展所有级别。
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<!--[if IE]><meta http-equiv="X-UA-Compatible" content="IE=5,IE=9" ><![endif]-->
<!DOCTYPE html>
<html>
<head>
<title>orgchart</title>
<meta charset="utf-8" />
</head>
<body>
<div class="mxgraph" style="max-width:100%;border:1px solid transparent;" data-mxgraph="{"highlight":"#0000ff","nav":true,"resize":true,"toolbar":"zoom layers lightbox","edit":"_blank","xml":"<mxfile modified=\"2019-08-02T15:12:49.062Z\" host=\"www.draw.io\" agent=\"Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/75.0.3770.100 Safari/537.36\" etag=\"xWvZypefXJHEohbldhZx\" version=\"11.1.1\" type=\"device\"><diagram id=\"pCMyVlHLk1MruJxpiqRY\" name=\"Page-1\">7Vpdb5swFP01eYyE+e7jlrTrtE2a1m7T9uaCGyw5ODJOCPn1uwQb6rhpM7VNINtLgg/+POceG64YeZP5+oPAi+wLTwkbuU66HnnTkevGYQy/NVA1APJjv0FmgqYK64AbuiEKdBS6pCkpjIqScybpwgQTnuckkQaGheClWe2eM3PUBZ4RC7hJMLPRnzSVmVpX4HT4NaGzTI+MHHVnjnVlBRQZTnn5APIuR95EcC6bq/l6QlhNnualaXe15247MUFyeUiDbLr69S5PPlV47N5ep9XHze/vYxR6TT8rzJZqyT+IkBQYAPRWEAJ/n3HFl1ItQ1aam6Kkc4ZzKL3P5JwBiOCykFhIJSRMCe5xQTc8l1jXSDLKUtWnN5Uwhi48qLsd2pvWHQhS0A2+Y7qc1BVoTsRttSCqB4DvKWMTzrgAKOfbaam1wYLIei9tqBUDopjwOZGigiqqgesp/VQEj5HWvuziAfkKyx7Ggg4FrGJw1nbeyQQXSqm/Us23VPtWB9KuQmVGJblZ4KQul+BQU6qauCtwBM1nCtlLWMIZw4uC7I++p+JrP7smuf4j1DqPUOu/HbOBxeykDleA0BvSu6IFvdPdOq9FLgoNdpF3enpDi16LVZLCDqyKhN3x8rID3m8BuLHSm5TBuODLPN3GqNOyXXf3alzDRPlSJOQQc8I+OCNP9xk8rp8gDEu6Mqf9BmJEe2PdVqXnsR7qQOpRrMf/Y3032E4W65G9r/dCjOeJi8KDxQheaqaDxVBNv3IKA7UmHPv+heHCcbTjrmYRqtmOpu08XiKzfb4M9/g2n43a8ul2tMg+MIZiong4JgqQaSL32B6yz63hemjnEbgPJroYqolinckYgIm86LQm0lydg4l8ZD5b98BEMbLoHYqJ9ESfN1F0ahOhwND96E9zmqtzeEENgv6ZyM79DsVE/mBMhFzTREc/iOxU8WA9FF70z0ODzSvEB+cV9AvBv+uhM8oqIN98I/LQ6T002LRCfHBaoXceQujYJjqntEJ8PBNBsftIoFGj+9TCu/wD</diagram></mxfile>"}"></div>
<script type="text/javascript" src="https://www.draw.io/js/viewer.min.js"></script>
</body>
</html>
<script>
$("image").on('click',function () {
console.log(this);
})
</script>
此外,我尝试了解决方案。但它仍然不起作用。
<script>
$(document).on('click','image',function () {
console.log(this);
})
</script>