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/

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

即。 mysite.com/staff.php#Canada - 已经选择了“加拿大”链接。

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

Answer 1

从网址获取哈希并触发相应链接的点击：

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

使用internal links。你的网址是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
}

链接到页面与jQuery链接选择？

2 个答案: