使用 PHP 的 Bootstrap 模式中的动态内容

问题描述 投票:0回答:1

我的表格中有以下

<td>
,其中包含一个按钮:

<td class="text-center">
    <button type="button" class="btn btn-outline-secondary btn-sm" data-bs-toggle="modal" id="#exampleModal'.$objResult['id'].'" data-bs-target="#exampleModal'.$objResult['id'].'">click me</button>
</td>

请注意,该按钮将 PHP 变量传递给模式。下面我有一个 Bootstrap 模式,应该由上面的按钮触发(使用 PHP 变量):

<div class="modal fade" id="exampleModal<?= $objResult['id'] ?>" tabindex="-1" aria-labelledby="exampleModalLabel<?= $objResult['id'] ?>" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <h1 class="modal-title fs-5" id="exampleModalLabel<?= $objResult['id'] ?>">Classi docente</h1>
        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
      </div>
      <div class="modal-body" align="left">

        **HERE I HAVE SOME PHP CODE WHICH USES $objResult['id']**

      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Chiudi</button>
      </div>
    </div>
  </div>
</div>

按钮不会触发任何操作。 控制台调试显示:

Uncaught TypeError: Cannot read properties of undefined (reading 'backdrop')

可能是模态中错误的

id
导致的?有什么提示吗?

php twitter-bootstrap modal-dialog
1个回答
0
投票

您的按钮与模态框具有相同的 id。更改它,或者如果不需要则删除它。

© www.soinside.com 2019 - 2024. All rights reserved.