繁体   English   中英

使用带有href标签的引导模态

[英]Use bootstrap modal with href tag

我有一张看起来像这样的桌子

Name  Occupation  Detail
abc   student     details

我想在详细信息列上设置引导程序模式链接,该链接不仅可用作模型,还可以选择该特定行的ID。

目前,我正在使用此代码

echo "<td><a href='#myModal'?id=".$row['id']."\" data-toggle='modal' data-target='#myModal '>Details</a></td>";

模态工作正常,但我无法在模态下正确使用行的ID希望有人能帮助我

http://jsfiddle.net/0u19axax/1/

您可以使用show.bs.modal事件从a提取数据。

 $('#myModal').on('show.bs.modal', function(e){
     console.log($(e.relatedTarget).attr('data-id'))
 })

我将ID移至data-id因为它不适用于href的ID

<a href='#myModal' data-id='.$row['id'].' data-toggle='modal' data-target='#myModal '>Details</a>

抱歉,我不了解PHP,所以我不确定它是否可以在PHP上正常使用。

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM