Форум

diakon · #1 (**permalink**) 22.07.2014, 19:40

Добрый день. Делаю переход к якорю при клике на область с ссылкой. Но при клике выдается ошибка

TypeError: $(...).offset(...) is undefined
destination = $(target).offset().top;

И переход не происходит. Вот код

$(".yakor").click(function(){
		var target = $(this).find("a").attr("href");
		destination = $(target).offset().top;
		if($.browser.safari){
		$('body').animate( { scrollTop: destination }, 1100 );
		}else{
		$('html').animate( { scrollTop: destination }, 1100 );
		}
		return false;
	});

<li class="yakor">
<a href="#tren">Тринажеры</a>
</li>

....

<p>
<a name="tren"></a>
Тренажеры
</p>

Заранее спасибо всем, кто поможет!

Татьяна5 · #2 (**permalink**) 22.07.2014, 20:34

target равен #tren
$('#tren') - это обращение по id, а не по name

BETEPAH · #3 (**permalink**) 22.07.2014, 22:24

diakon,
проверьте в начале скрипта что возвращает $(this).find("a")

рони · #4 (**permalink**) 22.07.2014, 22:39

Сообщение от Татьяна5

$('#tren') - это обращение по id, а не по name

<!DOCTYPE HTML>

<html>

<head>
  <title>Untitled</title>
  <meta charset="utf-8">
  <style type="text/css">
  body  {
     height: 1000px

  }
  </style>
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
  <script>
     $(function(){
      $(".yakor").click(function(){
		var target = "[name='"+$(this).find("a").attr("href").substr(1)+"']",
		destination = $(target).offset().top;
		$('body, html').animate( { scrollTop: destination }, 1100 );
		return false;
	});

});
  </script>
</head>

<body>
<li class="yakor">
<a href="#tren">Тринажеры</a>
</li>

....

<p>
<a name="tren"></a>
Тренажеры
</p>

</body>

</html>

diakon · #5 (**permalink**) 22.07.2014, 23:24

Рони, спасибо! +от меня
Проблема не в # - я replace удалил его и не заработало. Но код, Рони работает.
Спасибо всем, кто решил помочь!

рони · #6 (**permalink**) 22.07.2014, 23:34

diakon,
$.browser.safari -- такого давно нет в jquery

Форум

Справочник

Discord чат

Курсы javascript