jquery - 链接到选择了 jQuery 链接的页面？

Question

到目前为止我所拥有的：

$("#navigation li a[id]").click(function() {
  $("#" + this.id.substr(1)).show(600)
     .siblings('.toggleDiv').slideUp(600);
});




          <!-- Begin Naviagtion -->
     <div id="navigation">

             <ul>
                <li><a id="babout">Canada</a></li>
                <li><a id="bcontact">USA</a></li>
                <li><a id="bsearch">Mexico</a></li>
         </ul>   

         </div>
         <!-- End Naviagtion -->



<br /><br />





<!-- Begin Search -->
        <div class="toggleDiv" id="search" style="">
               Mexico Staff
        </div>
     <!-- End Search -->

 <!-- Begin About -->
        <div class="toggleDiv" id="about" style="">
                Canada Staff
        </div>
     <!-- End About -->

         <!-- Begin Contact -->
        <div class="toggleDiv" id="contact" style="">
                USA Staff
        </div>
     <!-- End Contact -->

http://jsfiddle.net/q6ncx/12/

我需要能够将人们链接到此页面，并且已经选择了三个选项之一。

IE。mysite.com/staff.php#Canada - “加拿大”链接已经被选中。

jQuery可以做到这一点吗？我知道这在 php 中很容易实现，但如果可能的话，我宁愿坚持使用 js。

Answer 1

从 url 获取哈希并触发点击相应链接：

var hash=location.hash;

if( hash && hash.substr(1).length){
   /* use "filter" to match hash to link text*/
   $('#navigation li a').filter(function(){
         return $.trim( $(this).text())==hash.substr(1) ;
    }).click(); 
}

Answer 2

使用内部链接。您的 url 将是 mysite.com/staff.php#Canada 而您的 ancor 将是

<a  href="#Canada" id="babout">Canada</a>

如果你想用 JS 触发事件：

if(window.location.hash === "Canada" ||
window.location.hash === "somethingElse") {
    //do something
}