Перейти к привязке на другой странице

Question

Я просто хочу перейти с одной страницы на другую точку на другую

У меня есть домашняя страница с четырьмя разделами.

<section> 
    <a name="section1"></a> 
</section> 

<section id="section2"> 

</section> 

<section> 
    <a name="section3"></a> 
</section> 

<section id="section4"> 

</section> 

Раздел 2 и 4 функции на каждой странице, так что моя нав выглядит следующим образом:

<nav> 
     <ul> 
     <li><a href="index.html#section1">ABOUT</a></li> 
     <li><a href="#section2">APARTMENTS</a></li> 
     <li><a href="index.html#section3">LANDLORDS</a></li> 
     <li><a href="#section4">CONTACT</a></li> 
     </ul> 
</nav> 

Ссылки не перейти на индексную страницу или нужный раздел страницы индекса.

Заранее спасибо.

Теперь у меня есть

<section> 
     <a name="section1"></a> 
    </section> 

    <section id="section2"> 

    </section> 

    <section> 
     <a name="section3"></a> 
    </section> 

    <section id="section4"> 

    </section> 

и моя навигация:

<nav> 
     <ul> 
     <li><a href="#section1">ABOUT</a></li> 
     <li><a href="#section2">APARTMENTS</a></li> 
     <li><a href="#section3">LANDLORDS</a></li> 
     <li><a href="#section4">CONTACT</a></li> 
     </ul> 
</nav> 

Он до сих пор не работает

Answer 1

Вы уверены, что вы поместили файлы в этом каталоге? Я тестировал код, который вы предоставили, и он работает. Однако вы можете попробовать это (другой способ подачи секциям идентификатор):

<section> 
    <a id="section1"> 
     CONTENT 
    </a> 
</section> 

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

<a href="different-page.html#section1">Section One</a> 

Answer 2

Вам нужен имя-тег, см http://www.w3schools.com/tags/att_a_name.asp

Answer 3

Я думаю, что вы столкнулись с этой проблемой с помощью Legacy Browser (IE8 и ниже). Потому что я тестировал его в firefox, chorm и IE9. Он работает нормально. Но не удалось в устаревшем браузере.

Для этого вам нужно использовать тег привязки вместо div id.

Пример:

<a name="section1"></a> 
<section>section content goes here </section> 

<a name="section2"></a> 
<section>section content goes here </section> 

<a name="section3"></a> 
<section>section content goes here </section> 

<a name="section4"></a> 
<section>section content goes here </section> 

Теперь вы можете использовать любое имя класса вы хотите для раздела элементов ...

Answer 4

Проверьте яваскрипт код строка, которая говорит «event.preventDefault();»

Я нашел это в шаблоне bootstrap w3school, который включал эту команду как часть блока, который делает хороший свиток к хэштегу. Как только я прокомментировал это, ссылки работали нормально.