如何使用引導來顯示每一行表的詳細信息？

我的表格代碼。它包含popover按鈕，我想顯示比名稱和國家更多的細節。如何使用引導來顯示每一行表的詳細信息？

while ($data = mysql_fetch_array($result)) 
      { 
      echo "<tr>"; 
      $Name = $data['Name']; 
      $Address = $data['Address']; 
      $Tel = $data['Tel']; 
      $Email = $data['Email']; 
      $Country = $data['Country']; 
      $ManufacturerKey = $data['ManufacturerKey']; 
      echo "<td>{$Name}</td><td>{$Country}</td>"; 
      echo '<td><a href="#" id="detail" class="btn btn-danger" rel="popover" data-content="Test" data-original-title="detail">detail</a></td>'; 
      echo "</tr>"; 
      } 
      echo "</table></center>"; 
      }

和Javascript：

<script> 
    $(function() 
    { $("#detail").popover({placement:'left'}); 
    }); 
</script>

我的問題是它的混淆有關id.In它有像「細節」。如何我可以修復相同ID的每個錶行？謝謝你所有的答案。告訴我，如果你想得到更多的代碼，非常感謝。

來源

2013-01-05 DrNutsu

[**請不要在新代碼'mysql_ *'功能**]（http://bit.ly/ phpmsql）。他們不再被維護[並被正式棄用]（https://wiki.php.net/rfc/mysql_deprecation）。看到[**紅框**]（http://j.mp/Te9zIL）？學習[*準備的語句*]（http://j.mp/T9hLWi），並使用[PDO]（http://php.net/pdo）或[MySQLi]（http://php.net/ mysqli） - [這篇文章]（http://j.mp/QEx8IB）將幫助你決定哪個。如果您選擇PDO， [這裏是一個很好的教程]（http://stackoverflow.com/a/14110189/1723893）。 –

等待，你想改變id = detail的權利？ –

Twitter Bootstrap如何處理？是的，使用PDO代替，編寫代碼更容易，特別是如果你是PHP的新手。那會節省你一些時間。 – hakre

每個標籤都必須有一個唯一的id，這個html是不正確的。

您必須使用類選擇器。

 //add detail in your class 
echo '<td><a href="#" id="detail" class="btn btn-danger detail" rel="popover" data-content="Test" data-original-title="detail">detail</a></td>';

編輯：不要忘記更改ID。例如，如果您有ID，則可以執行id="detail'.$data['id'].'"。

在你JS（jQuery因爲他使用bootstrap）：

//use class selector instead of id selector 
$(function() { 
     $(".detail").popover({placement:'left'}); 
    });

來源

2013-01-05 10:39:07 Pierrickouw

你仍然有重複的代碼在你的代碼中的細節... – OptimusCrime

因爲我不知道他真的想要什麼放在這裏。將編輯提示 – Pierrickouw

@GreenLeaf沒有辦法你的解決方案不會工作JS功能是錯誤的！ –

如何使用引導來顯示每一行表的詳細信息？

回答

相關問題