如何将参数从link元素传递给模态窗口？

Question

我有一张桌子.在表的单元格中有一个这样的链接: <a data-toggle="modal" data-id="xyz" href="#remoteModal" data-target="#remoteModal">SOME_TEXT</a>.

当我点击此链接时应该打开一个模态.这是一个例子:

<div class="modal fade" id="remoteModal" tabindex="-1" role="dialog" aria-labelledby="remoteModal" aria-hidden="true">
  Some HTML/PHP Code
</div>

模态必须执行一些取决于"data-id"属性值的操作.确切地说,在javascript代码中我需要读取此值:

<script type="text/javascript">
$(document).ready(function ( ) {
    $('#remoteModal').on('show.bs.modal', function( event ) {
        console.log( /* How do I read the value of data-id? */ );
    });
});

我不知道如何在模态的javascript代码中读取此属性的值.

非常感谢您的关注.

Answer 1

使用模态事件文档中提到的.relatedTarget属性:

$(document).ready(function () {
    $('#remoteModal').on('show.bs.modal', function (event) {
        console.log($(event.relatedTarget).attr('data-id'));
    });
});