jQuery在URL中添加了额外的“＃”吗？

Question

I noticed sometimes that when I use jQuery, a extra '#' gets added to the end of my URL after a jQuery function is called. For example, the URL 'www.mywebsite.com' will change to 'www.mywebsite.com/#' once a jQuery function is initialized. The same for 'www.testsite.com/users.php', is changed to 'www.testsite.com/users.php#'.

Why does jQuery add the '#'?

Answer 1

If your function is running from a link onclick, you need to use event.preventDefault()

See http://api.jquery.com/event.preventDefault/

Answer 2

Usually this is because you have a dummy link with a jQuery click handler. It's common to see links with an href of # that are only used to trigger some JavaScript.

<a href="#" class="button">Go</a>

Resolve this easily by making a habit of calling e.preventDefault() in your click handlers:

$(function() {
    $(".button").click(function(e) {
        e.preventDefault();
        ...
    });
});

You can also use return false , but that has the added effect of stopping event propagation. I like to add e.stopPropagation() explicitly if I also want that effect. It makes the code and it's intended effect more explicit and clear for future developers (or myself in 6 months).

Answer 3

Probably you're getting this when handling a click event. If you don't want that happens, just add event.preventDefault() or return false at the end in event handler function.