javascript - 当用户使用 JQuery 访问哈希链接 (#something) 时，如何运行 JavaScript 函数？

Question

我有一个 webb 应用程序，http://example.com/app如果用户正在访问，我想显示一个表单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”的元素，你想在其中显示表单。