Используйте jQuery attr для прокрутки к данным?

Question

мне было интересно, как я хотел бы использовать этот метод:

$('[data-jump-spy]').each(function(){ 
    var dataObj = .data('jump-spy'); 
    $(this).onclick ({ 
       scrollTop: $("#" + dataObj).offset().top(); 
    }); 
}); 

прикрепить его к ссылке, как так:

<a href="javascript:void(0);" data-jump-spy="divContentThatsFarDownPage">Who we are</a> 
.... 
.... 
.... 
.... 
<div class="box radius box-grey --animate" id="divContentThatsFarDownPage"> 
    .... 
</div> 

Окончательное решение может быть найдено ниже

Этом функция позволит вам легче кодировать ваш сайт. Просто введите <div class="whatever iconArrow-to-Content LinkText-to-Content Img-to-Content" data-jump-spy="page-content"

$('[data-jump-spy]').each(function(){ 
    var dataObj = $(this).data('jump-spy'); 
    $(this).click(function() { 
     $("html, body").animate({ 
      scrollTop: $("#" + dataObj).offset().top 
     }, 1000); 
    }); 
}); 

Answer 1

Несколько изменений

$('[data-jump-spy]').each(function(){ 
    var dataObj = $(this).data('jump-spy'); // needs $(this) at beginning since .data needs to run on some object 
    $(this).click(function(){ // used click instead of onclick and you need to pass a function as an argument 
       $('html,body').animate({scrollTop: $("#" + dataObj).offset().top}); // use .top instead of .top() as it is a property and not a method 
    }); 
});