Question

我有以下代码：

<form enctype="multipart/form-data" id="search_form" name="search_form" action="thisfile.php#anchorname" method="get">

<!-- Lots of search fields here -->

<input name="search" type="submit" value="Search" />
</form>

<?php if (isset($_GET['search'])) {
// Search in database
?>
<div id="anchorname">
<!-- Table with results here -->
</div>
<?php
}

这在IE中很好用（疯了，我知道）但是在Chrome和Firefox中，在提交表单并显示结果表后，按钮不会重新提交表单但只会使页面向下滚动到anchorname。在Chrome中，我可以通过单击地址栏并按Enter键重新加载页面，但是当我在Firefox中执行此操作时，根本没有任何操作。我做错了什么？

Answer 1

如果这对任何人都有用，这就是我使用JQuery做的事情：

$(function() {
    // ...
    <?php if (isset($_GET['search'])) { ?>
        var target = $("#anchorname");
        $('html,body').animate({
            scrollTop: target.offset().top
        }, 500);
    <?php } ?>
});

“提交”按钮仅用作锚点的链接

1 个答案: