细节部分扩大

时间:2016-02-02 21:21:25

标签: jquery html css

我有一个网站在表格的每一行都有一个详细信息按钮。单击该按钮时,该行的详细信息部分将展开或折叠。问题是这个。如果您在页面中间点击并点击该按钮,则会转到页面顶部。我怎样才能把它带到你所在的地方?

这里是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>

0 个答案:

没有答案