python-3.x - 在 Bootsrap 5 工具提示上复制到剪贴板
问题描述
嗨,我一直在寻找代码中的修复程序。我有烧瓶网站,我想在用户按下复制时进行用户交互。当按钮悬停时,它会显示“复制到剪贴板”,但是当我按下按钮时,工具提示中的文本不会改变。这是我的代码:
{% block content %}
<div class="container" style="width: 800px; margin: auto">
<h1 class="display-5">Binary to Decimal</h1>
<form action="#" method="POST">
<div class="bd-clipboard">
<div class="row gx-5">
<div class="col">
<div class="p-3 bg-light" id="copy">{{ decimal }}
<div class="d-grid gap-2 d-md-flex justify-content-md-end">
<button class="btn btn-outline-primary btn-sm" type="button" data-clipboard-target=#copy data-bs-toggle="tooltip" data-bs-placement="top" title="Copy to clipboard">Copy</button>
</div>
</div>
</div>
</div>
</div>
{% endblock %}
<script type="text/javascript">
$("button").tooltip('hide')
.attr('data-original-title', 'Copied!')
.tooltip('Copy to clipboard')
.tooltip('show');
</script>
解决方案
推荐阅读
- javascript - $nextTick 在循环中返回对象
- python - 错误的 ctypes 分配
- solr - solr 中的病毒不在“反病毒”中
- typescript - 带有嵌套函数的打字稿 ReturnType
- automata - 态射下有理语言的闭包
- python - 如何将一行中的值与另一行中的值进行比较?
- android - Firebase 迁移到 androidX 的问题
- android - NFC 正在启动应用程序,但意图是“action.MAIN”而不是“action.NDEF_DISCOVERED”
- css - 修复 MediaWiki SpecialPages 的样式布局
- javascript - 检测是否在 Javascript - iOS 中启用了 Motion & Orientation Access