运行jQuery的功能链接标签

Question

通常我们可以调用使用此方法jQuery函数：

<a id="mylink" href="#mylink2">link</a> 
$(document).ready(function(){ 
    $("#mylink").click(function(){ 
    // do something 
    }); 
}); 

现在我想知道是否有可能通过调用锚链接一个jQuery功能？

例如，如果用户通过像(www.example.com/#mylink)这样的url加载网页，Jquery将运行一个特殊功能。

事情是这样的：

$(document).ready(function(){ 
     if(click on a tag mylink2 anchor) 
     // do something 
     }); 
    }); 

Answer 1

我想为了弄清楚这是在hashchange点击的元素，你将需要进行拦截2个事件。

var id; 
$(window).on('hashchange',function(){ 
     if(id == "mylink") 
      alert("mylink was clicked"); 
}); 

$('a').on('click',function() 
{ 
    id = this.id; // sets the id of the anchor linked clicked for comparison. 
}); 

实施例：https://jsfiddle.net/DinoMyte/mb10r8ox/1/

Answer 2

尝试使用hashchange事件

$(window).on("hashchange", function() { 
 
    alert("hashchange event") 
 
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"> 
 
</script> 
 
<a id="mylink" href="#mylink2">link</a> 
 
<div id="myLink2">myLink2</div>