Bootstrap Modal INSIDE Coldfusion <cfoutput query> 标签失败并显示“无效的 CFML 构造”

编程问答 2022-05-10

问题描述

当代码放置在 ColdFusion CFOUTPUT QUERY 标签内时，Bootstrap 按钮和模式代码失败。

如果我将代码移到 cfoutput 查询之外，那么它运行良好。

显然，问题在于 BootStrap 模态单主题标签要求：target="#staticBackdrop" 用于按钮。

在 cfoutput 中，coldfusion 需要两个主题标签。如果没有单个主题标签，模态将不起作用。

有解决办法吗？

<cfoutput query="q_GetPrinters">
<button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#staticBackdrop">
  DELETE
</button>

<!-- Modal -->
<div class="modal fade" name="staticBackdrop" id="staticBackdrop" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-labelledby="staticBackdropLabel" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="staticBackdropLabel">Delete Printer?</h5>
        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
      </div>
<!---      <div class="modal-body">
        ...
      </div>--->
      <div class="modal-footer">
        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
        <button type="button" class="btn btn-primary">Confirm</button>
      </div>
    </div>
  </div>
</div>
</cfoutput>

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

bootstrap-modalcfoutputcoldfusioncoldfusion