Javascript DOM click（）无法打开模式

Question

如果页面加载了GET参数status = deleteSuccess（例如localhost / index.php？status = deleteSuccess），则php会将包含javascript DOM click（）的脚本插入到隐藏按钮中以打开模式。 但它不起作用。

我正在使用Bootstrap 4.3.1，我是新手，并使用https://getbootstrap.com/docs/4.3/getting-started/introduction/#starter-template进行设置

我已经检查了控制台上的javascript，它起作用了。 我检查了PHP生成的html，它成功插入了脚本。 我在脚本上添加了console.log（“ test”），它可以运行。

<button type="button" id="deleteSuccessBtn" style="display: none;" data-toggle="modal" data-target="#deleteSuccess"></button>


<div class="modal fade" id="deleteSuccess" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
  <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>
      </div>
      <div class="modal-body" align="center">
        <i class="fa fa-check-circle-o" style="font-size:48px;color:green"></i>
        <h5>Data Telah Dihapus</h5>
      </div>
    </div>
  </div>
</div>

<?php
  if (isset($_GET['status'])) {
    ?>
    <script type="text/javascript">
      document.getElementById("deleteSuccessBtn").click();
    </script>
    <?php
  }
?>

我希望在页面上看到一个模式页面，但无法打开

Answer 1

您可以手动显示或切换模式：

<?php
  if (isset($_GET['status'])) {
?>
  <script>
    // assuming jQuery is available
    $('#deleteSuccess').modal('show'); // or 'toggle'
  </script>
<?php
  }
?>

text/javascript也是脚本标签的默认类型，因此您无需添加它。

有关模态事件的更多信息，请参见： https ：//getbootstrap.com/docs/4.0/components/modal/#methods。