如何将参数从link元素传递给模态窗口? [英] How to pass a parameter from a link element to a modal window?
问题描述
我有一张桌子。在表格的单元格中有如下链接:
< a data-toggle =modaldata-id =xyzhref =#remoteModaldata-target = #remoteModal> SOME_TEXT< / a>
。
I have a table. In a cell of the table there is a link like this:
<a data-toggle="modal" data-id="xyz" href="#remoteModal" data-target="#remoteModal">SOME_TEXT</a>
.
当我点击此链接时应该打开一个模态。这是一个例子:
When I click on this link should open a modal. Here's an example:
<div class="modal fade" id="remoteModal" tabindex="-1" role="dialog" aria-labelledby="remoteModal" aria-hidden="true">
Some HTML/PHP Code
</div>
模态必须执行一些取决于data-id属性值的操作。确切地说,在javascript代码中我需要读取此值:
The modal must perform some operations that depend on the value of "data-id" attribute. To be precise, in the javascript code I need to read this value:
<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代码中读取此属性的值。
I do not know how to read the value of this attribute in the javascript code of the modal.
非常感谢您的兴趣。
推荐答案
使用 .relatedTarget 模态活动文档中提到的code>属性
:
$(document).ready(function () {
$('#remoteModal').on('show.bs.modal', function (event) {
console.log($(event.relatedTarget).attr('data-id'));
});
});
这篇关于如何将参数从link元素传递给模态窗口?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!