1

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

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

目前，数据目标是在网络地图生成后放置的 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>

提前致谢！

4

1 回答 1

0

我可以看到这是一个引导模式。它具有如下功能：

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

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

于 2017-08-14T14:36:37.367 回答