2016-07-29 13 views
2

Imは、私は単に#linkにタブのIDを追加することによって、これを達成することができますアンカー#linkにページの上部に残ります.mysite.com/apagewithtabs#tab2は例えば、特定のブートストラップのnav-タブを開いてページにリンクしようとして

これは、ページが#tab2が表示される場所までスクロールすることを除いて、素晴らしいことです。ユーザーが読み込まれたときにページ上部に表示したいと思います。

Iveはこれに続くjs/jqueryのさまざまなバリエーションを試しましたが、絶対に何も私のために働いていません。

$(document).ready(function() { 
    window.setTimeout(function() { 
    $('html,body').scrollTop(0); 
    }, 2000); 
}); 

誰かが私がこのIDを達成するためにどのように考えているのか本当にありがとう!

事前に感謝します。

答えて

1

は信じられないほど、この作品:

www.mysite.com/apagewithtabs#tab2#top

は、それが誰かを役に立てば幸い!

+0

あなたはこの回答に合格とマークする必要がありますので、助けが必要な場合はもっと見ることができます! – TrampolineTales

0

私はそうのように、代わりにクエリを経由して、必要な情報を付加お勧めします:

function getUrlVars() { 
    var vars = [], hash; 
    var hashes = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&'); 
    for(var i = 0; i < hashes.length; i++) { 
     hash = hashes[i].split('='); 
     vars.push(hash[0]); 
     vars[hash[0]] = hash[1]; 
    } 
    return vars; 
} 

var tab = getUrlVars()["tab"]; //tab is now the value of the tab query 

:タブのクエリの値が何であるかを確認するには、このコードを使用し

www.mysite.com/apagewithtabs?tab=tab2

その後部分コードthis answer.

tab変数の値を開き、その値に基づいて任意の値を開きます。例:多くの異なる方法を試した後

switch (tab) { 
    case 'tab1': /*...open tab 1 code...*/ break; 
    case 'tab2': /*...open tab 2 code...*/ break; 
} 
+0

多くのおかげさまで、ありがとうございました。 Iveは '<?php echo $ tab;を配置しました。 ?> 'が表示されますが、これは空です。また、私は特定のブートストラップタブを開くためのjsコードはまだありません? – jimmywiddle

関連する問題