php - 反復モーダル内にタブを表示するにはどうすればよいですか?

Question

さまざまなボタンのクリックを繰り返すモーダル内にいくつかのタブがあります。最初のボタンをクリックすると、すべてのタブを開くことができます。ただし、2 番目のボタンからは機能しません。ボタンが配置されている行の詳細を表示する最初のタブは問題なく機能し、そのボタンにリンクされている正しい情報を表示します。$k が増加した後にタブを機能させるにはどうすればよいですか? ここに私が持っているものがあります:

<?php for($k=0; $k<$bookingCount; ++$k){ ?>

<div id="bookingDetails<?php echo $k; ?>" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">

<div class="modal-header">...</div>

<div class="modal-body">
<div class="row-fluid sortable">    
<div class="box span12">
<div class="box-content">

<ul class="nav nav-tabs" id="myTab">
        <li><a href="#details" data-toggle="tab" class="active">Details</a></li>
        <li><a href="#sms" data-toggle="tab">SMS</li>
        <li><a href="#email" data-toggle="tab">Email</li>
        <li><a href="#phone" data-toggle="tab">Phone</li>
        <li><a href="#post" data-toggle="tab">Post</li>
</ul>

<div class="tab-content">
    <div class="tab-pane active" id="details">...</div>
    <div class="tab-pane" id="sms">...</div>
    <div class="tab-pane" id="email">...</div>
    <div class="tab-pane" id="phone">...</div>
    <div class="tab-pane" id="post">...</div>
</div>

<div class="modal-footer">...</div>

<?php } ?>