cytoscape.jsとcanvasXpress mixup

Question

私はcytoscape.jsを使い慣れていません。同じdivにネットワーク（cy）とcanvasXpress要素を持つdivがあると、私は奇妙な動作に遭遇しました。ボディ構造はそうのようなものです：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> 

CYは、（それがテストした他のすべてのケースで動作します）が正しく作成されます。問題は、私のポインタがcanvasXpress要素の上に乗ってからcyネットワーク上に戻るときに始まります。これが起こると、ネットワークのレイヤーが壊れているように見えます。私はノードをクリックすることができますが、どちらかが消えたり、ポインタを押さえたりします（右クリックしない限り）。さらに、何かをクリックすると、エッジがランダムな点を指し示します。私の疑惑は、canvasXpress要素がcy層のZ-インデックスを混乱させるということです。あなたは何が起きているのか考えていますか？あなたの時間をありがとう！

Answer 1

複数のlibコンテナに同じdivを共有しないでください。それは一般的には良い考えではありません。

ています。この

• のdivすなわち、いくつかのdiv
  • すなわちB型のdiv

そして、ちょうど互いの上にAとBのdivを積み重ねますCSSで。