0

このページの記事があります

このページでは、左側にナビゲーション リンクがあり、右側にコンテンツの読み込みがあります。

function showonlyone(thechosenone) {
 $('div[name|="newboxes"]').each(function(index) {
      if ($(this).attr("id") == thechosenone) {
           $(this).show(200);
      }
      else {
           $(this).hide(600);
      }
 });
}

私のナビはこんな感じ

<ul>
        <li><a id="myHeader1" href="javascript:showonlyone('articles');" >ARTICLES</a></li>
        <li><a id="myHeader1" href="javascript:showonlyone('whitepapers');" >WHITE PAPERS</a></li>
        <li><a id="myHeader1" href="javascript:showonlyone('brochures');" >BROCHURES</a></li>
    </ul>

私のコンテンツは次のようなdivにあります

<div id="articles" name="newboxes" style="display:none;">
<div id="whitepapers" name="newboxes" style="display:none;">
<div id="brochures" name="newboxes" style="display:none;">

基本的にこのページはインテリアページです。各セクションへのリンクを設定したいホームページがあるので、必要なセクションが既に表示されているので、ユーザーが再度クリックする必要はありません。

どうすればこれを行うことができますか?

助けてくれてありがとう。正しい用語を使用していない場合はお詫び申し上げます。

4

2 に答える 2

3

あなたの質問をよく理解していれば、「記事」ページでshowonlyone関数を呼び出すだけです

$(function() { // DOMready
   showonlyone('articles');
});

パラメータを変更して、内部ページごとにこのコードを繰り返します

于 2012-05-14T19:56:29.480 に答える
0

あなたの質問から私が理解していることは..あなたは
ホームページにリンクを持っています..ユーザーがこれらのリンクをクリックすると、 ユーザーが「記事」をクリックしたときのように
内部ページが開いたときにその特定のセクションがすでに開かれている必要があります。このため
に記事のdivが表示されている必要があり ます。ホームページでは、次の方法で ハッシュ タグ
を使用する必要があります。このようなハッシュ タグを使用してリンクを提供します。

http://agencystudy.com/eic/microsites/microsites-02/articles.html#articles

次に、ドキュメント準備完了イベントの内部ページで

$(document).ready(function(){
 $(window.location.hash).show(200);
});
于 2012-05-14T20:17:18.740 に答える