微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

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

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

代码放置在 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 举报,一经查实,本站将立刻删除。