2016-05-30 3 views
-1

Я работаю на веб-сайте, у меня есть 2 страницы index.html и product.html, In product.html У меня есть 2 элемента div с другим идентификатором, теперь, когда я нажимаю тег привязки в индексе .html, которые перейти к product.html, но он должен перейти к конкретному ID, который держит различное содержание в product.html должен помочьНавигация по идентификатору по событию click

In index.html page i have anchor tag 
<a href=products.html>Building</a> 
<a href=products.html>Infrastructure</a> 

в product.html странице я получил 2 ДИВ

<div id=#Building> 
<div class="container"> 
</div> 
<div> 

<div id=#Infrastructure> 
<div class="container"> 
</div> 
<div> 

, когда я щелкните тег привязки, я должен перейти к определенному ID, например, если я нажму Infrastruc ture anchor tag должен непосредственно перейти к product.html инфраструктуре div

+0

Что вы пробовали? Сбросьте код, чтобы получить справку по SO –

+0

, пожалуйста, добавьте код – brk

+0

@kitty В этом href вы также можете указать нужный div. => 'href =" product.html # myDiv "' –

ответ

0

просто добавьте этот идентификатор в свой href. как product.html # дивиде

index.html

<html> 
<body> 
<a href='products.html#Building'>Building</a> 
<a href='products.html#Infrastructure'>Infrastructure</a> 
</body> 
</html> 

products.html 

<div id='Building'> 
<div class="container"> 
building<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br> 
</div> 
<div> 

<div id='Infrastructure'> 
<div class="container"> 
Infrastructure 
</div> 
<div> 

создать inedx.html и products.html файлы и вставить выше код. работает так, как ожидалось.

+0

его не работает для меня, перенаправляя его на страницу, а не на конкретный идентификатор div –

+0

вы указали неверный путь, почему он не работает.корректировать их, тогда он плохо работает. –

+0

Я попробовал, его не работает для меня, index.html и product.html обе разные страницы –

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