ブートストラップモーダルとsigma.bindイベントの接続方法

Question

ノードをクリックしたときにモーダルを表示したいが、モーダルにデータを渡す方法とモーダルを表示する方法を知ることができなかった。

私が見つけたすべての例、ボタンがクリックされた後、モーダルをなどを示され、

HTML：

<div class="modal fade" id="myModal" role="dialog"> 
    <div class="modal-dialog"> 

     <!-- Modal content--> 
     <div class="modal-content"> 
      <div class="modal-header"> 
       <button type="button" class="close" data-dismiss="modal">&times;</button> 
       <h4 class="modal-title">Modal Header</h4> 
      </div> 
      <div class="modal-body"> 
       <p>Some text in the modal.</p> 
      </div> 
      <div class="modal-footer"> 
       <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> 
      </div> 
     </div> 
     <script> 

     </script> 

    </div> 
</div> 

JS：

<script> 
    // Generate graph: 
    // Instantiate sigma: 
    // binding sima instance to an event 
    s.bind('doubleClickNode ', function(e) { 
     var id = e.data.node.neo4j_data['ID']; 
     $('#MyModal').append('<p class="navbar-text">ID: '+ id +'</p>'); 
     $("#MyModal").modal(); 
    }); 
</script> 

Answer 1

私はこの良い十分な解決策を見つけた

 s.bind('doubleClickNode ', function(e) { 
      console.log("node is clicked!"); 
      var id = e.data.node.neo4j_data['ID']; 
      var modal = document.getElementById('myModal'); 

      $('#my_label').html (id); // my_label inside modal 
      $('#myModal').modal('show')    

     });