URLから値を渡す

Question

こんにちは私は、開始時にデフォルトで読み込まれるディビジョンを表示/非表示するサイトを持っています。しかし、問題は、私がページをリフレッシュするとき、常にメインディビジョンに戻るということです。私がmysite /＃news mysite /＃のようなことをする方法はありますか？私が持っている

コード：このを通じて

 $('a#btnNews').click(function() 
     { 
      $('#divabout').hide(); 
      $('#divnews').fadeIn(); 
      $('#pagetimer').load('scripts/loadtimer.php'); 
      return false; 
     }); 

     $('a#btnAbout').click(function() 
     { 
      $('#divrooster').hide(); 
      $('#divabout').fadeIn(); 
      $('#pagetimer').load('scripts/loadtimer.php'); 
      return false; 
     }); 

Answer 1

あなたの代わりにwindow.location.hashを使用することができます。

if (location.hash != "") { 
    $('a#'+location.hash).click(); 
} 
$('a#btnNews').click(function() 
{ 
    $('#divabout').hide(); 
    location.hash = 'btnNews'; 
    $('#divnews').fadeIn(); 
    $('#pagetimer').load('scripts/loadtimer.php'); 
    return false; 
}); 
$('a#btnAbout').click(function() 
{ 
    $('#divrooster').hide(); 
    location.hash = 'btnAbout'; 
    $('#divabout').fadeIn(); 
    $('#pagetimer').load('scripts/loadtimer.php'); 
    return false; 
}); 

は$(function(){});または$(document).ready(function(){});のいずれかの内部でこのすべてを入れていることを確認してください！

$('a#'+location.hash).click();のいずれかを使用するか、対象のdivで直接的にフェードするようにハッシュを変更できます。

return false;の代わりにe.preventDefault()を使用することもできます。 （それはより効果的です）

Answer 2

あなたはそこにいるのとまったく同じではありませんが、ハッシュを更新することでページの状態を保存できます。

これを処理する高度なプラグインがあります。また、自分でロールすることもできます。

プラグイン：http://benalman.com/projects/jquery-bbq-plugin/

ロール自分：http://jsbin.com/oyeqe3/3#List2

ロール上で、独自の例あなたはLIST2のハッシュとして渡されている＃を見ることができます。 2番目のリストは表示され、残りは隠されたままになります。上記のリンクから

コードサンプル：

HTML：

<a href="#List1" class="trigger">Show 1</a> &nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp; 
<a href="#List2" class="trigger">Show 2</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp; 
<a href="#List3" class="trigger">Show 3</a> &nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp; 

<ul id="List1"> 
    <li>One</li> 
</ul> 
<ul id="List2"> 
    <li>Two</li> 
</ul> 
<ul id="List3"> 
    <li>Three</li> 
</ul> 

jQueryの

​​

ない美しい実装ができますが、うまくいけば、アイデアを得ます。