0

リンクをクリックして、異なるコンテンツの異なる div をロードする次のコードがあります。私の質問は、リンクをクリックするたびにページをリロードしないようにするにはどうすればよいかということです。

#content > div {
    display: none;
}
#content > div:target {
    display: block;
}
<a href="#div1">Div one</a>
<a href="#div2">Div two</a>
<a href="#div3">Div three</a>
<a href="#div4">Div four</a>

<div id="content">
    <div id="div1">This is div one</div>
    <div id="div2">This is div two</div>
    <div id="div3">This is div three</div>
    <div id="div4">This is div four</div>
</div>
4

3 に答える 3

1

jquery を使用して 3 つの div を非表示にし、他の 1 つを表示する (それらが大きすぎてレンダリングできない場合) か、ブートストラップ タブなどを使用して、基本的にページ全体をタブで移動したい場合に使用できます。

于 2013-11-06T13:49:30.543 に答える
1

のように onclick イベントを link タグに追加すると、js 関数の clickFun() で、特定の div 領域を表示および非表示にするロジックを実行できます。

于 2013-11-06T13:47:34.093 に答える