jQuery选择标题属性x，然后滚动到#title

Question

我的问题是如何使用 jQuery 滚动到某个位置 onClick 到一个 id #title，而不必一遍又一遍地重复代码中的相同行。

就像这样：

//从这里滚动（onClick） 链接 . . . // 到这里

我尝试过类似的方法，但没有成功：

$(文档).ready(函数(x){ $("span[title='" + x + "']").click(function() { window.parent.$('html, body').animate({scrollTop: $("#" + x).offset().top - 10}, "slow"); 返回假； }); });

...这是它的修改版本，工作正常，但需要一次又一次地重复相同的代码：

$(document).ready(function() {

                $("span[title='titlex']").click(function() {
                    window.parent.$('html, body').animate({scrollTop: $("#titlex").offset().top - 10}, "slow");
                    return false;
                });
                $("span[title='titley']").click(function() {
                    window.parent.$('html, body').animate({scrollTop: $("#titley").offset().top - 10}, "slow");
                    return false;
                });

});

提前致谢！ :D

Answer 1

你应该给你的 span 元素添加一个类：

$("span[title]").click(function() {
    $('body').animate({scrollTop: $("#" + $(this).attr('title')).offset().top - 10}, "slow");
    return false;
});