Jquery检测表单提交并滚动到div

时间:2016-12-16 15:46:01

标签: jquery

我尝试使用此脚本点击搜索按钮并滚动到结果列表。

表格提交后没有按预期滚动。

如何使用JQuery检测表单提交?

我的目标是滚动到resultList id标识的元素!

jquery的:

$(document).ready(function (){
        $("#searchResults").click(function (){
            $('html, body').animate({
                scrollTop: $("#resultList").offset().top
            }, 1000);
        });
});

Cakephp:

echo $this->Form->end('Search', array('id'=>'searchResults'));

<div id='resultList'>

1 个答案:

答案 0 :(得分:1)

为您的表单添加ID,然后尝试更改

$("#searchResults").click

$('#formId').submit

如果您的表单提交导致页面加载,请考虑使用return false。