如何在用户使用JQuery访问哈希链接(#something)时运行JavaScript函数

Question

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

有什么方法可以使用jQuery脚本来添加此功能吗？

我当前的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"的元素，您想在其中显示表单。