Jquery：动画高度
好吧，我的动画元素仍然存在一些问题。 我早些时候得到了一些帮助，我几乎得到了它，但我仍然遇到一个问题。 我尝试寻找解决方案，但我找不到任何东西。
当我单击第一行时，它会为第一行设置动画。 当我单击第二行时，它会为第一行和第二行设置动画。第二行。 当我单击第三行时，它会为第一行、第二行和第三行设置动画。第三等等。
我希望它只为属于该行的动画制作动画。不是同时全部。
我的脚本如下所示：
<script> $(document).ready(function() { $("#new_user").live("click", function() { $(this).children(".new_users_box").animate({opacity: 'toggle' }); }); }); </script>
我的 html / php 代码如下所示：
<div id="new_memb_content" class="box_square">
<img src="mysite/resources/newest-members.png" width="245" height="27" style="margin-left:-8px;" /><br><br>
<?php
if ($_SESSION['username'])
{
include 'db_connect.php';
$sql = "SELECT username, id, gender, user_thumb1 FROM members ORDER BY members.`id` DESC LIMIT 20";
$result = mysql_query($sql);
while ($row = mysql_fetch_array($result))
{
$thumb1 = $row['user_thumb1'];
$new_id = $row['id'];
$new_user = $row['username'];
echo '
<div id="new_user">
<a class="box_round" style="background-color:#101010 !important;">'.$new_user.'</a>
<div class="box_newest new_users_box"><br>
<a href="mysite/user.php?id='.$new_id.'"><img class="new_user_thumb" src="'.$thumb1.'" /></a>
</div>
';
}
}
else
header("location:mysite");
?>
</div>
我还做错了什么？
Okay, so im still having some problems with my animating element.
I got some help earlier, and i almost got it, but i still got one problem.
I tried finding a solution, but i can't find anything.
When i click the first line, it animates the first line.
When i click the second line, it animates the first & second line.
When i click the third line, it animates the first, second & third and so on.
I want it to animate only the one that belongs to the line. Not all of them at once.
My script looks like this:
<script> $(document).ready(function() { $("#new_user").live("click", function() { $(this).children(".new_users_box").animate({opacity: 'toggle' }); }); }); </script>
And my html / php code like this:
<div id="new_memb_content" class="box_square">
<img src="mysite/resources/newest-members.png" width="245" height="27" style="margin-left:-8px;" /><br><br>
<?php
if ($_SESSION['username'])
{
include 'db_connect.php';
$sql = "SELECT username, id, gender, user_thumb1 FROM members ORDER BY members.`id` DESC LIMIT 20";
$result = mysql_query($sql);
while ($row = mysql_fetch_array($result))
{
$thumb1 = $row['user_thumb1'];
$new_id = $row['id'];
$new_user = $row['username'];
echo '
<div id="new_user">
<a class="box_round" style="background-color:#101010 !important;">'.$new_user.'</a>
<div class="box_newest new_users_box"><br>
<a href="mysite/user.php?id='.$new_id.'"><img class="new_user_thumb" src="'.$thumb1.'" /></a>
</div>
';
}
}
else
header("location:mysite");
?>
</div>
What am i still doing wrong?
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（2）
两点简短的评论：
对于在数据库中找到的每个用户，您的脚本将回显以下 div 以及所需的信息：
将为从数据库返回的每个用户生成您的 div #new_user。 ID 必须是唯一的，因此最好在 while 循环中声明 ID 时为其添加后缀。一个想法是在 while 循环中实现一个计数器来添加到 div 的 ID 中。
我不确定相同的 ID 是否被忽略或者它们仍然有效，但解决这个问题将是您的第一步。看起来你的脚本在每个 #new_user div 上都有动画。
Two quick remarks:
For every user found in your database, your script will echo the following div with the needed information:
Your div #new_user will be produced for every user returned from the database. ID's are to be unique so it's best to add a suffix to ID's when they are declared in while loops. An idea is to implement a counter within the while loop to add to the div's ID.
I'm not sure if identical IDs are dismissed or they are still functional, but fixing this would be your first step. Seems like your script is animating on every #new_user div.
您对所有用户容器使用相同的 ID
new_user。 id 是唯一属性，此代码违反了 html 结构。在这里只需使用 class 而不是 id 。http://jsfiddle.net/QswrL/
you are using same ID
new_userfor all the user container. id is unique attribute and this code is violating html structure. just use class instead of id here.http://jsfiddle.net/QswrL/