Question

我想在模式中启动一个模式。它实际上正在工作，但是如果我在第一个模态中打开第二个模态，则会出现第二个模态，但是当我关闭第一个模态时，在第一个模态后面并且滚动条消失了：modal

JavaScript在我的模式PHP文件中。

我该如何解决这个问题？

Javascript

$(document).ready(function() {
  $('.relations').click(function(e) {
    var checkBoxes = $("input[name=case]");
    var checkedBoxes = checkBoxes.filter(":checked");

    if (checkedBoxes.length === 0) {
      return false;
    }
    e.preventDefault();

    var insert = [];

    $('.checkboxes').each(function() {
      if ($(this).is(":checked")) {
        insert.push($(this).val());
      }
    });
    insert = insert.toString();

    var data_id = $(this).attr("id");
    $.ajax({
      url: "nodes.php",
      method: "post",
      dataType: "json",
      data: {
        data_id: data_id,
        insert: insert
      },
      success: function(data) {
        $('#moreInfo').html(data);
        $('#dataModal').modal("show");
        var nodeDatas = new vis.DataSet();
        nodeDatas = data;

        $.ajax({
          method: "post",
          dataType: "json",
          url: "edges.php",
          data: {
            data_id: data_id
          },
          success: function(data) {
            var edgeDatas = new vis.DataSet();
            edgeDatas = data;
            var myDiv = document.getElementById("moreInfo");

            data = {
              nodes: nodeDatas,
              edges: edgeDatas
            };

            var options = {
            };
            var network = new vis.Network(myDiv, data, options);
          }
        });
      }
    });
  });
});

Answer 1

我假设第二个模态是moreInfo div，如果是正确的话，您需要使用z-index：99999进行少量的CSS更改，使该元素出现在第一个模态的顶部；也许还有更多，而且要使滚动条出现，您还需要另一个css属性溢出：scoll;

我希望这会有所帮助！

以模式启动模式

Javascript

1 个答案: