運行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>