2015-04-21 5 views
0

приветствие,HTML локальный якорь не работает, веб-страница не перезагружается

Я пытаюсь использовать локальный якорь на веб-странице, но он не работает. URL Местного якоря, как это:

https://hostname:port/info?newElement=true#a

Если я использую этот URL, чтобы загрузить веб-страницу напрямую, я могу видеть, веб-страница находится в правильном положении, в котором местный якоре. Но если я нажму гиперссылку на веб-странице, ничего не произойдет, хотя я вижу, что URL-адрес верен в нижнем колонтитуле, когда я наводил указатель мыши на гиперссылку.

Веб-страница не перезагружается, а URL-адрес в поле адреса браузера не изменяется на URL с «#a» в конце. Это связано с тем, что веб-страница является активной веб-страницей?

Ниже приведен пример кода:

"form.jsp":

<div> 
    <div> 
     <jsp:include page="form-nav.jsp" /> 
     <div> 
      <jsp:include page="form-location.jsp" /> 
      .... 
     </div> 
    </div> 
</div> 

"форм-nav.jsp":

<div> 
    <ul class="tab"> 
     <li> 
      <a href="#location"> Name </a> 
     </li> 
     .... 
    </ul> 
<div> 

"форм-location.jsp":

<div id="location" class="page"> 
... 
</div> 

Thanks, Чжэ

+0

Вы можете указать образец кода, где вы используете якорный тег –

+0

, ваш вопрос должен быть более конкретным, попытайтесь опубликовать свой код в jsfiddle – Aru

+0

Привет, я добавил несколько примеров кода. Все коды огромны, но простые примеры кода здесь являются основной структурой. Не могли бы вы увидеть, достаточно ли это? –

ответ

1

DEMO

Вот пример того, как использовать якорный тег.

Anchor Синтаксис:

<a href="#someid">Link text</a> 

ссылочной Элемент:

<div id="someid">You content goes in here</div> 
+0

Привет, Да, я пытаюсь использовать ту же логику в кодах. Но проблема в том, что нет ответа, если я нажму гиперссылку якоря. Кажется, страница не перезагружена. –

+0

Не должно быть перезагрузки при перенаправлении. как в моем ** демо ** link – Persijn

+1

Привет, спасибо за ваш образец! Теперь я понимаю. –

0

все,

дальнейшими кодов для чтения, я нашел проблему сейчас. Существует переопределение поведения нажмите на ссылке HyPeR в файле JS:

$("body..... ul.tab li a").on('click', function() { 
    ... 
    return false; 
}) 

Удалив это переопределение логика, местный якорь хорошо работает в настоящее время. Большое спасибо за ваши комментарии!

Смежные вопросы