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

Question

我打开模式的页面上的按钮元素都是同一页面，并且我想在打开模式时将数据从按钮传递到模式。有没有办法在不使用 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 元素。我将不胜感激任何帮助

Answer 1

在 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 加载它。