jquery - 如何使用平滑滚动将 Revolution Slider 中的图像链接到同一页面上的 div id？

Question

我已经想出如何为 Revolution Slider 中的图像指定一个 ID 或一个类。所以我给一个图像一个类，然后将它链接到同一页面上的一个部分。然而，它是如此生涩，它只是跳到该部分。

我添加了一些 jQuery 来平滑过渡，但它不起作用。我收到错误: “未捕获的语法错误:意外的标识符”

好像是指我在Revolution Slider中给图片的类，但是我不明白为什么会出错。我只是想让用户顺利地被引导到页面的下一部分。这是我的 jQuery:

(function($)

$(".click-to-scroll").click(function() {
    $('html, body').animate({
        scrollTop: $("#top-home").offset().top
    }, 1000);
});

(jQuery);

我使用的是 Divi 主题，它允许您在仪表板的主题选项中将 JavaScript 放入网站的标题部分。网址在这里:customdesign.mgsites.net

如有任何帮助，我们将不胜感激。谢谢。

Answer 1

正确的语法是这样的:

(function($) {
    $(".click-to-scroll").click(function() {
        $('html, body').animate({
            scrollTop: $("#top-home").offset().top
        }, 1000);
    });
}) (jQuery);

您需要将函数包裹在花括号中。以及关闭左括号。