Php生成div,然后隐藏所有div

时间:2013-08-15 02:44:16

标签: php javascript jquery css

hide部分外,一切正常。我只是试图在生成时隐藏每个div,我也需要控制div。所以当我试图增加时,我猜测div id部分是非常错误的。请帮忙!

<?php
$counter=0;
foreach ($foo as $key => $value){
$counter++;
?>

<div id="ad<?php $counter;?>">
<?php include("showPage.php");?>
</div>
 <script>$("#ad<?php $counter;?>").hide();</script>

<?php 
}
 ?>

问题的第二部分:

<script>
$(document).ready(function(){
$("#FooButton").click(function(){
if($('div#ad1').is(':visible')){
$("div#ad1").hide();
$("div#ad2").show();
}

});
});
</script>

2 个答案:

答案 0 :(得分:3)

是的,您需要echo这样的值

echo $counter;

答案 1 :(得分:2)

您需要回显$counter的值。

下面:

<div id="ad<?php echo $counter;?>">
  <?php include("showPage.php");?>
</div>
<script>
  $(document).ready(function(){
    $("#ad<?php echo $counter;?>").hide();
  });
</script> 

<强>更新

在查看上述解决方案后,我不建议您在循环中调用$(document).ready()。一个更有效的解决方案是将样式display: none添加到生成的div,而不是在这里使用javascript,如下所示:

<div id="ad<?php echo $counter;?>" style="display:none;">
  <?php include("showPage.php");?>
</div>
相关问题