0

これは簡単な質問なので、コード全体を貼り付ける必要はないと思います。

左のナビゲーション セクションにアンカー タグを設定して、サイト内のさまざまなセクションに移動しますhome, about, contact。連絡先セクションには、同じ順序で
3 つのタブがあります。location, address, contact

そのため、ナビゲーション メニューで連絡先をクリックするたびに、連絡先セクションの場所タブに移動する必要があります。それは実際に行われています。ただし、これはページのリロード時にのみ行われます。
連絡先セクションの住所タブをクリックすると、ホームに戻り、ナビゲーション リストの連絡先メニューをもう一度クリックすると、場所ではなく住所の内容が表示されます。ページのリロード時だけでなく、毎回連絡先セクションの場所タブに移動するには、連絡先メニューが必要です。

http://s133036305.onlinehome.us/#home

ナビゲーション メニュー (サイド バー):

<div id="navigation" class="span3">
    <div class="tabbable tabs-left">
        <ul class="nav nav-tabs" style "width: 220px;">
            <li class="active"><a href="#home" data-toggle="tab"> Home </a></li>
            <li><a href="#about" data-toggle="tab"> About Us </a></li>
            <li><a href="#service" data-toggle="tab"> Services </a></li>
            <li><a href="#contact" data-toggle="tab"> Contact </a></li>
        </ul>
        <div class="tab-content">
        </div>
    </div>
</div>

連絡先セクション:

<div class="tabbable">
    <!-- Only required for left/right tabs -->
    <ul id="contact" class="nav-tabs">
        <li class="active"><a href="#tab1" data-toggle="tab">
        <h2>Address</h2>
        </a></li>
        <li><a href="#tab2" data-toggle="tab">
        <h2>Location</h2>
        </a></li>
        <li><a href="#tab3" data-toggle="tab">
        <h2>Contact</h2>
        </a></li>
    </ul>
    <div class="tab-content">
        <div class="tab-pane active" id="tab1">
            <ul style "list-style-type:none; height:500px;">
                <li> Corporate Building </li>
                <a href "www.leadgp.org" target="_blank">
                <li> www.leadgp.org </li>
                </a>
                <li> No.143, </li>
                <li> Dr.Jaganathan Nagar, </li>
                <li> 1st Street, </li>
                <li> Civil Aerodrome Post, </li>
                <li> Coimbatore-641014. </li>
            </ul>
        </div>
        <div class="tab-pane" id="tab2">
            <div class "map" p">
                <div id="map" style="width: 760px; height: 500px; background: url(http://geofinder.web4you.com.pl/template/loader.gif); background-repeat: no-repeat; background-position: center;">
                </div>
                <div style="padding-top:10px; text-align: right; width: 790px;">
                </div>
            </div>
            <br>
            <br>
        </div>
        <div class="tab-pane" id="tab3">
            <form method="get" action="MAILTO:mail@Datacrawl.org" method="post" enctype="text/plain" id="contact-form" class="form-horizontal form1" style "height: t: 500px; <div class="control-group">
                <label class="control-label" for="name"> Name* </label>
                <div class="controls">
                    <input style "height: t: 30px;" type="text" class="span3" name="name" id="name">
                </div>
            </div>
            <div class="control-group">
                <label class="control-label" for="email"> Email </label>
                <div class="controls">
                    <input type="text" class="span3" name="email" id="email">
                </div>
            </div>
            <div class="control-group">
                <label class="control-label" for="address">Address</label>
                <div class="controls">
                    <textarea class="span3 required" name="address" id="address" rows="3"></textarea>
                </div>
            </div>
            <div class="control-group">
                <label class="control-label" for="number"> Phone </label>
                <div class="controls">
                    <input style "height: t: 30px;" type="text" class "span3" 3" name "number" r" id "number" r">
                </div>
            </div>
            <div class="control-group">
                <label class="control-label" for="comments"> Message </label>
                <div class="controls">
                    <textarea class "span3" 3" name "comments" s" id "comments" s" rows "3" 3"></textarea>
                </div>
            </div>
            <div class="form-actions">
                <button type="submit" class="submit btn btn-primary" style "font-family: 'droid sans', sans-serif;">Submit</button>
            </div>
        </form>
    </div>
</div>
4

2 に答える 2

0

あなたの（アンカー）リンクはどこにリンクしていますか? 通常、実際にクリックするために使用されるリンクがあります。たとえば、次のようになります。

場所に行く

そして、次のように、クリック後にページが移動するアンカーリンクがあります。

<a name="location"></a>
于 2012-12-21T12:15:56.250 に答える
0

明確にするために、メニューの「連絡先」リンクを連絡先セクションの特定のタブにリンクしたいですか？

「Hello」を選択して連絡先リンクをもう一度クリックすると、デフォルトのタブにリセットされますか?

その場合は、javascript/jQuery を使用して、お問い合わせリンクが押されるたびにデフォルトのタブをクリックすることができます。このようなもの：

$('#ContactLinkID').click(function(){
$('#DefaultTabID').click();
});
于 2012-12-21T14:01:21.583 に答える