Question

我想在点击$ name时显示$ request，$ order_no，$ site_location，$ item_code，$ Time。我该怎么做？我想使用bootstrap崩溃但我被卡住了。如何在while循环中传递值并包含许多元素。如何使用bootstrap确定单击哪一个？

<div class="row">
    <tr><td><div class="col-md-2"> <?php echo $name;?></div></td>
       <td><div class="col-md-2"> <?php echo $request;?></div></td>
       <td><div class="col-md-2"> <?php echo $order_no;?></div></td>
       <td><div class="col-md-2"> <?php echo $site_location;?></div></td>
       <td><div class="col-md-2"> <?php echo $item_code;?></div></td>
       <td><div class="col-md-2"> <?php echo $request;?></div></td>
      <td> <div class="col-md-2"><?php echo $Time;?></div></td>





      <td><div class="col-md-2"><a href=update_status.php?flag=p&ep=<?php echo $ee; ?>><span class="glyphicon glyphicon-lock" style='margin-right:60px'></span></a></div></td>
      <td><div class="col-md-2"><a href=update_status.php?flag=a&ep=<?php echo $ee; ?>><span class="glyphicon glyphicon-thumbs-up" style='margin-right:60px'></span></a></div></td>
      <td><div class="col-md-2"><a href=update_status.php?flag=r&ep=<?php echo $ee; ?>><span class="glyphicon glyphicon-thumbs-down" style='margin-right:60px'></span></a></div></tr></td>


  </div>

Answer 1

如果我理解正确，你有多个元素（在一个循环中），当你点击带有$ name的td / col-md-2时，你想显示其余的列？

Bootstrap折叠允许您定义一个元素并使用以下方法设置它的目标：数据肘节=＆＃34;崩＆＃34;数据目标=＆＃34;＃collapseExample＆＃34;

请参阅：http://getbootstrap.com/javascript/#collapse

你的HTML可能会变成这样的东西（还没试过）：

<div class="row">
    <tr>
        <td><div class="col-md-2" data-toggle="collapse" data-target="#collapse<?php echo $name; ?>"> <?php echo $name;?></div></td>
        <div class="collapse" id="collapse<?php echo $name; ?>">
            <td><div class="col-md-2"> <?php echo $request;?></div></td>
            <td><div class="col-md-2"> <?php echo $order_no;?></div></td>
            <td><div class="col-md-2"> <?php echo $site_location;?></div></td>
            <td><div class="col-md-2"> <?php echo $item_code;?></div></td>
            <td><div class="col-md-2"> <?php echo $request;?></div></td>
            <td> <div class="col-md-2"><?php echo $Time;?></div></td>
            <td><div class="col-md-2"><a href=update_status.php?flag=p&ep=<?php echo $ee; ?>><span class="glyphicon glyphicon-lock" style='margin-right:60px'></span></a></div></td>
            <td><div class="col-md-2"><a href=update_status.php?flag=a&ep=<?php echo $ee; ?>><span class="glyphicon glyphicon-thumbs-up" style='margin-right:60px'></span></a></div></td>
            <td><div class="col-md-2"><a href=update_status.php?flag=r&ep=<?php echo $ee; ?>><span class="glyphicon glyphicon-thumbs-down" style='margin-right:60px'></span></a></div></td>
        </div>
    </tr>
</div>

希望我指出你正确的方向。

使用bootstrap折叠单击属性时显示数据

1 个答案: