由于我缺乏经验,我正在努力弹出一个用 bootstrap.js
创建的模式。在表中不同单元格的 onclick 事件上。
我把onclick="openModal()"
在细胞上。
然后是脚本:
<script type="text/javascript">
function openModal(){
$('#modal').modal('show');} </script>
然后是 div:
<div class="modal" tabindex="-1" role="dialog">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title">Modal title</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<p>Modal body text goes here.</p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-primary">Save changes</button>
<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
当然,脚本是在</body>
之前标签和 div
table 外面。
有什么问题吗?我知道onclick
event 并不是一个很好的解决方案,但我仍处于新手阶段!
谢谢你的帮助 卢卡
最佳答案
您忘记向 div 模态添加 id。
<div id="modal" class="modal" tabindex="-1" role="dialog">
在 Jquery 中,您可以使用“#”来选择 ID。
关于javascript - 单击表格的单元格出现模式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/52300564/