【问题标题】:PHP Codeigniter foreach collapsePHP Codeigniter foreach 崩溃
【发布时间】:2017-01-20 00:13:55
【问题描述】:

我想在我的 php.ini 中实现这种崩溃。这是一个例子:

<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>

<a data-toggle="collapse" href="#collapse1">Heading</a>
<div id="collapse1">
  <a data-toggle="collapse" href="#collapse2">
    Category
  </a>
</div>
<div id="collapse2">Items</div>

我想在这里应用类似的东西:

<?php
$i=1;foreach($itemlist as $value) {
    echo "<h3>Tower Type : ".$value['notower']."</h3><br>";

    foreach($value['items'] as $val) { ?>
      <?= "<h4>".$val['groupem']."</h4><br>"; ?>
      <table class ="table table-bordered table-hovered table-striped table-condensed">
        <thead>
          <th><?= "Item Name" ?></th>
          <th><?= "Value" ?>
        </thead>
        <tbody>
            <?php foreach($val['item'] as $v) :?>
            <tr>
                <td><?= $v['nm_detailem']?></td>
                <td><?= $v['em_value']?></td>
            </tr>
            <?php endforeach;?>
        </tbody>
      </table>
    <?php } ?>

<?php } ?>

我该怎么做?我被困在哪里放那些href

【问题讨论】:

  • 你打算检查什么来创建休息时间?还是您希望循环的每一次迭代都有一个?
  • 我希望循环的每次迭代...我已经尝试过折叠,但是当我关闭其中一个组时,所有数据都会折叠。@atoms

标签: php html css codeigniter


【解决方案1】:

您可以使用以下内容:

$sOutput = '';
foreach ( $aData as $sData){

     If($sOutput != ''){
         $sOutput .= '</div><div class="collapse hidden">';
     }
     $sOutput .= '<a href=""></a>';
}

If(count($sOutput) == 1 && $sOutput !== ''){$sOutput .= '</div>';}

添加到css:

.hidden{display:none;}

你的 jQuery 可能是:

$(".collapse").on('click', function(){
    $('.collapse').addClass('hidden');
    $(this).removeClass('hidden');
});

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2011-01-24
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2013-03-14
    • 1970-01-01
    相关资源
    最近更新 更多