Есть ли способ сверху открыть модальный от выбора узла из vis.js?

Question

Я пытаюсь открыть модал, когда нажимаю на узел на карте сети, которую я сделал с помощью vis.js.

Я не уверен в том, где разместить тег data-target, но не уверен, что это проблема, ниже приведен JS, который я написал для обработки действия нажатия, а также модальный

В настоящее время цель-цель объявляется в теге div, в который помещается карта сети после ее создания (я знаю, что это неправильно).

JS генерируется в PHP, поэтому туда добавляется PHP-переменная

Нажмите Действие -

network.on( 'click', function(properties) {
     var ids = properties.nodes;
     var clickedNodes = ".$nodes.".get(ids);
     console.log('clicked nodes:', clickedNodes);
     console.log('/monitoring/loadNode/'+clickedNodes[0].id);
     $( '#myModalDeviceDetails' ).html('<h1><center><font color=\'white\'>Loading</font></center></h1>');
     $( '#myModalDeviceDetails' ).load( '/monitoring/loadNode/'+clickedNodes[0].id ).show();
 });

Modal-

<div class="modal fade modal-primary" id="myModalDeviceDetails" tabindex="-1" role="dialog" aria-labelledby="Device Details">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" id="myModalLabel">Device Details</h4>
            </div>
            <div class="modal-body">
                loading...
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
            </div>
        </div>
    </div>
</div>

Заранее спасибо!

Answer 1

Я вижу, что это модальный бутстрап. Он имеет следующие функции:

$('#myModal').modal('toggle');
$('#myModal').modal('show');
$('#myModal').modal('hide');

Я бы порекомендовал скрыть модал при загрузке страницы, а не просто показывать ее.