运行jQuery的功能链接标签
问题描述:
通常我们可以调用使用此方法jQuery函数:运行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
});
});
答
我想为了弄清楚这是在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.
});
答
尝试使用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>