0

ホームページに「詳細」リンクがいくつかあります。これらはすべて、詳細情報ページにあるコンテンツのさまざまなセクションに対応しています。これらのコンテンツのさまざまなセクションは、display: none を使用してすべて非表示にします。

私が疑問に思っているのは、特定の「詳細」リンクをクリックすると、ユーザーが詳細情報ページに移動し、クリックした詳細リンクに対応するコンテンツのセクションが表示されるようにする方法があるかどうかです。表示されます。

これを実現する方法は思いつきませんが、おそらく JavaScript を使用して実現できることを願っています。

編集:私が現在持っているコードは特別なものではありません。ホームページの4 つ<a>のリンク、次に詳細情報ページの 4 つの div は、最初はすべて を使用して非表示になっていdisplay: noneます。

4

5 に答える 5

1

解決策はかなり単純になりました。この質問の一番上の回答で説明されていることを行いました: URL ハッシュの場所を取得し、jQuery で使用する

于 2013-01-28T08:49:20.380 に答える
0

可能だと思います。div の情報を取得し、[詳細] をクリックして div を表示します。この方法では、上のコードのように、ハイパーリンクは必要なく、クリック イベントだけで済みます。もちろん、この div は以前は非表示でした。

于 2013-01-28T07:54:08.657 に答える
0 
 <a href="javascript:showContent('id_here');">Learn more</a>

 <script>
    function showContent(id) {
        $("#"+id).show();
    }
 </script>
于 2013-01-28T07:50:37.833 に答える
0

これを実現する 1 つの方法は、次のように、表示するセクションの ID を使用してそのリンクにハッシュを追加することです<a href="/moreinfo#section-id">Learn More</a>。window.location.hash次に、/moreinfo ページでチェックインして、div を表示します。

于 2013-01-28T07:59:19.793 に答える
0

次のようにする必要がありますtry to use named anchors。

最初：

<a href="your-page-url-here#section-3">Learn More</a>

このリンクをクリックすると、ユーザーはさまざまなセクションを含む特定のページに移動します。

2番目：

このページで、3 番目のセクションを表示するとします。

 .....
 <a name='section-3'></a>
 <h1>Your section-3</h1>

あなたの場合divs are hidden、これには js または jQuery を使用します。

ロケーション URL でハッシュを取得するので、 .substr()' and.indexOf()` JavaScript メソッドを使用します。

put this scriptそれらのページで試してみてくださいwhere you are having your hidden divs

$(function(){
   var url = window.location.href;
   var obj = url.substr(url.indexOf('#'));
   $(obj).show();
});
于 2013-01-28T08:07:27.627 に答える