Как обращаться к href ссылки только в тому случае, если там ссылка на id?

Question

[Владислав Бойченко]

Здравствуйте!
Имеется следующий код для прокрутки страницы по анкорам:

$(document).on('click', 'a', function(event){
	event.preventDefault();
	$('html, body').animate({
	scrollTop: $( $.attr(this, 'href') ).offset().top
	}, 1000); // Время прокрутки
});

Он работает вне зависимости от того, href="..." на идентификатор или класс. То есть прокрутит и
<a href="#block">Go</a> и <a href=".block2">Go</a>
Как сделать так, чтобы скрипт работал только с ссылками на идентификаторы, а классы не трогало?

Answer 1

[Дмитрий Беляев]

Самое простое поменять селектор ссылок на такой:
a[href^="#"]

Comments

[Владислав Бойченко]

В таком случае скрипт перестает работать, и просто перебрасывает к анкору по нажатию на ссылку.

[WebDev]

Владислав Бойченко: a[href^="#"] вот так правильно. Местами символы поменять

[WebDev]

$(document).on('click', 'a[href^="#"]', function(event){
  event.preventDefault();
  $('html, body').animate({
  scrollTop: $( $.attr(this, 'href') ).offset().top
  }, 1000); // Время прокрутки
});

[Дмитрий Беляев]

WebDev: точняк, туплю под вечер, поправил ответ

[Владислав Бойченко]

WebDev: пока ждал, уже подключил это: manos.malihu.gr/page-scroll-to-id Но спасибо, єто тоже работает)

Answer 2

[Филипп Фастер]

if(/#[a-zA-Z0-9-]+/.test(youhrefattr))

Comments

[Владислав Бойченко]

Не совсем понятно, куда это вставлять.

[Филипп Фастер]

тип того:
$(document).on('click', 'a', function(event){
event.preventDefault();
var myhref = $.attr(this, 'href');
if(/#[a-zA-Z0-9-]+/.test(myhref)) {
$('html, body').animate({
scrollTop: $( myhref ).offset().top
}, 1000); // Время прокрутки
}
});