当用户使用JQuery访问哈希链接（#something）时如何运行JavaScript函数？

我在http://example.com/app有一个webb应用程序，如果用户正在访问http://example/app#add-item ，我想显示一个表单。

有什么办法可以使用jQuery脚本来添加这个function吗？

我当前的jQuery脚本已经有这样的结构：

 $(document).ready( function() { $('#search').keyup( function() { ... } ); } ) 

如何使用这样的方式显示表单：

 $(document).ready( function() { $('#search').keyup( function() { ... } ); $('#add-item').visit( // .visit probably doesn't exist function() { content.innerHTML = myForm; } ); } ) 

Answer 1

这是我做的事情：

  var hash = (window.location.hash).replace('#', ''); if (hash.length == 0) { //no hash } else { //use `hash` //example: if(hash == 'add-item'){ //do something } } 

Answer 2

可以使用hashchange事件，如http://benalman.com/projects/jquery-hashchange-plugin/所示。

Answer 3

 $(document).ready( function() { $('#search').keyup( function() { ... } ); $('#add-item').click( function() { $("#content").html(myForm); } ); } ); 

我假设你有一个id为“content”的元素，你想要显示表单。