使用带有href标记的bootstrap模式

时间:2014-10-18 07:33:21

标签: javascript php jquery html twitter-bootstrap

我有一张看起来像这样的表

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 如果有人能帮助我,我将不胜感激

1 个答案:

答案 0 :(得分:1)

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。