In meinem Code unten sind die JQuery-Ereignisse (mouseenter und leave) nur in der ersten Zeile der gesamten Liste implementiert. Wenn also mehr als eine Zeile in den Ergebnissen enthalten ist, werden die anderen Zeilen nicht von JQuery beeinflusst, und bei Mouseover wird keine Änderung der Bildhöhe vorgenommen. Kann jemand das Problem erklären? und bieten eine mögliche Lösung?Jquery-Problem: Alle meine SQL-Abfragen
<!DOCTYPE html>
<html>
<head>
<link type="text/css" rel="stylesheet" href="css/main.css">
<title></title>
</head>
<body>
<div id="headpanel"></div>
<div id="tablehead">
<a href="addmember.php"><img src="images/ico/add.png" id="addmember"><span style="position:absolute; top:3vmax; left:11vmax;">Add A New Profile </span></a>
</div>
<div id="tablebody">
<?php
$profile_test = mysqli_query($db,"SELECT * FROM studs WHERE prof_id= '$prof_id'");
while($profile = mysqli_fetch_array($profile_test))
{
?>
<div id="contact<?php echo $profile['stud_id']; ?>" class="contactblock">
<?php
echo "Name:";
echo " ";
echo " ";
echo $profile['firstname'];
echo " ";
echo " ";
echo $profile['lastname'];
echo "<br>";
echo "Marks:";
echo " ";
echo $profile['marks'];
?>
<img src="images/ico/edit.png" id="editprofile">
</div>
<?php
}
?>
</div>
</body>
</html>
<script type="text/javascript">
$(document).ready(function(){
$("#editprofile").mouseenter(function(){
$(this).animate({"height":"4vmax"});
})
$("#editprofile").mouseleave(function(){
$(this).animate({"height":"3vmax"});
})
})
</script>
Bindung einstellen, wo '$ db' ist definiert ? – Iceman
Dort habe ich den oberen PHP-Teil nicht zur Verfügung gestellt! – d1r3w0lF