Задать список переменных в скрипте javascript

[munhgauzen 3]

Прошу порщения за такой простой вопрос. но все же мало знаком я с синтаксисом javascript

 

<script type="text/javascript" >
    $('.anchor1').click(function(){
        var target = $(this).attr('href');
        $('html, body').animate({scrollTop: $(target).offset().top}, 800);
        return false;
    });

 

нужно задать чтоб  в переменной   $('.anchor1') был список этих самых анкоров.

  $('.anchor1','.anchor2','.anchor3') - вот так не работает.

[n3bo 229]

так добавьте 1 класс на все элементы или же ловить не класс, а по маске href

[auditor 31]

а почему не сделать так:

<button class="anchor" data-id="1">text</button>
<button class="anchor" data-id="2">text</button>
<button class="anchor" data-id="3">text</button>

а сам скрипт написать примерно так:

<script>
    $('.anchor').click(function(){
        var target = $(this).attr("data-id");
        $('html, body').animate({scrollTop: $(target).offset().top}, 800);
        return false;
    });
</script>

 

[munhgauzen 3]

спасибо попробую

[n3bo 229]

43 минуты назад, auditor сказал:

а почему не сделать так:

<button class="anchor" data-id="1">text</button>
<button class="anchor" data-id="2">text</button>
<button class="anchor" data-id="3">text</button>

а сам скрипт написать примерно так:

<script>
    $('.anchor').click(function(){
        var target = $(this).attr("data-id");
        $('html, body').animate({scrollTop: $(target).offset().top}, 800);
        return false;
    });
</script>

 

 

тогда уж:

<script>
    $('.anchor').click(function(){
        var target = $(this).data('id');
        $('html, body').animate({scrollTop: $(target).offset().top}, 800);
        return false;
    });
</script>

 или как вариант что-нибудь такое можно:

 

$('a[href^="#"]').click(function(){

 

[pimur 217]

А event.preventDefault();
? Не забыли?

Отправлено с моего ZB631KL через Tapatalk