javascript - cytoscape.js和canvasXpress混合

我是cytoscape.js的新手，当我在同一个div中使用network（cy）和canvasXpress元素时，遇到了一个奇怪的行为。身体结构如下：

<div class="col-sm-12">
   <div class="col-sm-6 result box" id="divHeatmap">
     <!-- This div is replaced by a canvasXpress element-->
     <div><canvas id="canvas1"></canvas></div>
   </div>
   <div class="col-sm-6 result row" style="padding-left:30px;" id="divNetwork">
     <div class="col-sm-12 row result box" style="padding-left:30px; ">
         <div class="result row">
             <div id="cy"></div>
         </div>
     </div>
   </div>
</div>

与canvasXpress元素一样，正确创建了cy（它在所有其他测试的情况下都有效）。当我的指针悬停在canvasXpress元素上，然后通过cy网络返回时，问题就开始了。当这种情况发生时，网络的各个层似乎都被破坏了。我可以单击节点，但它们要么消失，要么卡在指针上（除非我右键单击）。而且，当我点击任何东西时，边都指向随机点。我怀疑canvasXpress元素会干扰cy层的z索引。你知道会发生什么吗？谢谢你抽出时间！

最佳答案

不要为多个lib容器共享同一div。总的来说这不是个好主意。
做这个
一些div
即div
即B div
然后用CSS将A和B div堆叠在一起。

关于javascript - cytoscape.js和canvasXpress混合，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/40893206/