我现在已经尝试了几个小时,但出于某种原因,我找不到解决问题的方法。 问题是,当我点击一个链接时,我需要像 div 这样的东西出现。 到目前为止,这是有效的。
但主要问题是,我需要它在 while 循环中工作。所以我可以将数据动态地获取到网格中,但是所有 php 创建的链接都具有相同的 id,并且所有“to-show-divs”同时显示。所以我的问题是如何创建动态 ID 或类以及如何让它们在 javascript 中工作?
echo "<div class='grid grid-pad'>";
$db=mysql_query("SELECT * FROM work") or die (mysql_error());
while($var=mysql_fetch_array($db))
{
echo "<div class='col-1-3'>
<div class='content'>
<div id='thumb' ><img alt='$var[id]' src='$var[thumb]'/></div>
<div class='menu' style='display: none;'>$var[link]</div>
</div>
</div>";
}
echo "</div>";
<script>
$(document).ready(function() {
$('#thumb').click(function() {
$('.menu').slideToggle("fast");
});
});
</script>
最佳答案
您可以按照评论的建议进行操作,或者只创建一个迭代器变量并将其连接到 id,如下所示:
$index = 0;
while($var=mysql_fetch_array($db))
{
echo "<div class='col-1-3' id='item_". $index ."'>
<div class='content'>
<div id='thumb_". $index++ ."' >STUFF</div>
<div class='menu' style='display: none;'>$var[link]</div>
</div>
</div>";
}
关于javascript - 使用 javascript 和 while 循环隐藏/显示 div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25040338/