我的表格中有以下
<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
导致的?有什么提示吗?
您的按钮与模态框具有相同的 id。更改它,或者如果不需要则删除它。