簡體   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