クリックイベントによるIDによるナビゲーション

-1

私は2ページのindex.htmlとproduct.htmlを持っています。product.html 異なるIDを持つdiv要素が2つあります。インデックスのアンカータグをクリックするとナビゲートするの.htmlはproduct.htmlするが、それはproduct.htmlに異なるコンテンツを保持することは、私が得たproduct.htmlページでクリックイベントによるIDによるナビゲーション

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

を助ける必要が特定のIDに移動しなければならない2 divの

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

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

とき、私アンカータグをクリックしてください。Infrastrucをクリックすると、特定のIDに移動する必要があります。アンカータグを直接product.htmlインフラストラクチャ部門に移動する必要があります

出典

2016-05-30 kitty sarvaj

これまでに何を試みましたか？ SO –

に関する助けを得るためにいくつかのコードをダンプしてください。 – brk

@kitty あなたはあなたが望むdiv idを挙げることもできます。 => 'href =" product.html＃myDiv "' –

あなたのhrefにそのIDを追加するだけです。 product.html＃のdivIdは同様

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ファイルを作成し、コードの上に貼り付けます。期待通りに機能します。

出典

2016-05-30 09:47:06

そのページにリダイレクトするのではなく、特定のIDにリダイレクトしますdiv –

あなたはidsが間違った方法で、なぜそれが働かないかを教えました。 –

私はindex.htmlとproduct.htmlの両方が別のページ –

クリックイベントによるIDによるナビゲーション

答えて

関連する問題