Javascript jQuery锚定到一个按钮赢得'；我不在WordPress上工作

我有一个按钮，提供搜索结果，但我没有控制它从前端我希望它滚动下来，一旦点击按钮。我添加了这个代码，但它不起作用。这是指向该页面的链接。。这是“立即搜索”按钮。在我使用的代码下面，我在页面底部为锚创建了一个id

$(document).ready(function() {
    $(".btn btn-default a").click(function() {
        $.scrollTo('#ancfoot', 800, {easing:'elasout'});
    });
});

---

我在你的代码中找不到任何名为

ancfoot

的锚，但是我有两种方法可以帮你解决这个问题

首先，您的按钮具有类

btn

和

btn default

，没有

a

标记。因此，您的选择器是错误的，应该是这样的：

$（'.btn.btn default'）

1） 当前，当单击“搜索”按钮时，您的表单已提交。如果您不想提交表单，并且要通过JavaScript（对于AJAX、DOM操作等）获取表单值，则需要

.preventDefault（）

。这将阻止表单提交

如下所示：

$(document).ready(function() {
    $(".btn.btn-default").click(function(event) {
        event.preventDefault();
        $.scrollTo('#ancfoot', 800, {easing:'elasout'});
    });
});

2） 如果需要提交表单进行搜索，则可能不需要任何JavaScript。将锚点添加到表单的

操作

属性应该可以做到这一点，如下所示：

<form action="http://gymjoe.ca/gyms/#ancfoot" role="form" id="form-map" class="form-map form-search" method="GET">
    <!-- your form --->
</form>