Question

我的表格代码。它包含了popover按钮，我想显示除Name和Country之外的其他细节。

  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的混淆。在每个表行中它具有相同的id，如“detail”。我如何解决这个问题？感谢您的回答。如果您想要更多代码，请告诉我。

Answer 1

每个标记必须具有唯一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="detail'.$data['id'].'"。

在JS（jQuery使用bootstrap）中：

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

如何使用引导程序显示每行表格的详细信息？

1 个答案: