我有一个网站在表格的每一行都有一个详细信息按钮。单击该按钮时,该行的详细信息部分将展开或折叠。问题是这个。如果您在页面中间点击并点击该按钮,则会转到页面顶部。我怎样才能把它带到你所在的地方?
这里是jquery:
function WireEvents(count)
{
$('.details'+count).toggle(function() { $(this).closest('.innercontent').find('.details'+count).css('display', 'inline') },
function() { $(this).closest('.innercontent').find('.details'+count).css('display', 'none') }
);
}
这里是html / php:
<div id="innercontent">
<?php
echo "<div id=\"instructions\">";
echo "To perform another search, please go back to the <a href=\"index.php\">homepage</a>.";
echo "</div>";
while($data=@mysqli_fetch_array($result))
{
++$cnt;
echo "<div id=\"tbl\">";
echo "<table><tr><td class=\"product\">";
$pn=$data['ProductName'];
$filename=$data['Filename'];
$finalpath=$path.$filename;
$manufacturer=$data['Manufacturer'];
$productnumber=$data['ProductNumber'];
$commonname=$data['CommonName'];
$date=$data['Date'];
echo "$pn";
echo "<div class=\"details$cnt hide\">";
if($commonname=="")
{
echo "<p><span class=\"boldcolor\">Manufacturer:</span> $manufacturer <br /><br />";
echo "<span class=\"boldcolor\">Product Number:</span> $productnumber <br /><br />";
echo "<span class=\"boldcolor\">Date:</span> $date";
echo "</p>";
}
else if ($productnumber=="")
{
echo "<p><span class=\"boldcolor\">Common Name:</span> $commonname <br /><br />";
echo "<span class=\"boldcolor\">Manufacturer:</span> $manufacturer <br /><br />";
echo "<span class=\"boldcolor\">Date:</span> $date";
echo "</p>";
}
else if($commonname=="" && $productnumber=="")
{
echo "<p><span class=\"boldcolor\">Manufacturer:</span> $manufacturer <br /><br />";
echo "<span class=\"boldcolor\">Date:</span> $date";
echo "</p>";
}
echo "</div>";
echo "</td>";
echo "<td><a class=\"imgdetails\" href=\"#\"><img src=\"./images/details.png\" onclick=\"WireEvents($cnt);\" /></a></td>";
echo "<td><a href=\"$finalpath\" target=\"_blank\"><img src=\"./images/view.png\" /></a></td>";
echo "</tr>";
echo "</table>";
echo "</div>";
}
echo "<div class=\"page\">";
//include('/library/pagination.php');
echo "</div>";
?>
</div>