gpt4 book ai didi

javascript - 将数据从按钮传递到模式 Bootstrap

转载 作者:行者123 更新时间:2023-12-02 23:31:30 25 4
gpt4 key购买 nike

我打开模式的页面上的按钮元素都是同一页面,并且我想在打开模式时将数据从按钮传递到模式。有没有办法在不使用 javascript/jquery 的情况下实现该功能?这是我的标记的 html 片段

<button class="btn-icone bg-warning" data-toggle="modal" data-target="#modaleIcones"
data-id=1235>
<i value=Radiology class="fa fa-edit"></i> </button>


<div class="modal fade" id="modaleIcones">
<div class="modal-dialog" >
<div class="modal-header">

</div>
<div class="modal-body">
<a href="#" id="iconLink1">
<img src="myImg.png">
</a>
</div>
</div>
</div>

我需要将 data-id=1235 从按钮传递到带有 id="iconLink1" 的模态主体 anchor 元素。我将不胜感激任何帮助

最佳答案

在 Jquery 和 Bootstrap 模式中(使用版本 4 进行测试),您可以这样做:

$('[data-toggle="modal"]').on('click.modal.data-api', function(event) {
var targetModal = $($(this).data('target'));
var content = $(this).data('content');
targteModal.find('.modal-content').html(content);
}

例如,您可以将模板文件名保存在 data-content 属性中,然后使用 jquery loadtemplate 加载它。

关于javascript - 将数据从按钮传递到模式 Bootstrap ,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/56478928/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com