有没有办法从 vis.js 中选择一个节点来打开模式？

Question

点击我使用 vis.js 制作的网络地图中的一个节点时，我试图打开一个模式

我不确定将数据目标标记放在哪里，但我不确定这是否是问题所在，下面是我编写的用于处理点击操作以及模态的 JS

目前data-target是在网络地图生成后放置的div标签中声明的（我知道这是错误的）

JS 是在 PHP 中生成的，因此 PHP var 被扔在那里

点击操作 -

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();
 });

模态-

<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');

我建议您在加载页面时隐藏模式，而不仅仅是显示它。