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

发布于 2024-11-09 19:58:18 字数 665 浏览 0 评论 0原文

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

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

我当前的 jQuery 脚本已经具有如下结构：

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

How can I show a form using someting like this：

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

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

原文

I have a webb application at http://example.com/app and I would like to show a form if the user is visiting http://example/app#add-item.

Is there any way I can use a jQuery script to add this functionallity?

My current jQuery script already has a structure like this:

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

How can I show a form using someting like this:

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

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

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

最终幸福 2024-11-16 19:58:18

这是我做的事情：

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

Here is something I do:

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

回复收藏 0 原文

墟烟 2024-11-16 19:58:18

可能能够使用 hashchange 事件，如 http:// /benalman.com/projects/jquery-hashchange-plugin/。

回复收藏 0 原文

十年九夏 2024-11-16 19:58:18

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

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

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

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

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

I assume you have a element with id "content" where you want to display the form.

回复收藏 0 原文

~没有更多了~