0

私のテーブルコード。名前と国以外の詳細を表示したいポップオーバーボタンが含まれています。

  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があります。どうすれば修正できますか？すべての回答に感謝します。もっとコードが必要な場合は教えてください。

4

1 に答える 1

0

すべてのタグには一意の 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'].'"、IDを持っている場合に実行できます。

あなたのJS（jQuery彼が使用するようにbootstrap）：

//use class selector instead of id selector
$(function ()  {
        $(".detail").popover({placement:'left'});  
    });
于 2013-01-05T10:39:07.980 に答える