jQuery .post（）滚动到顶部

Question

I have a button <a href="#" onClick="buy(id)">Buy</a>

The buy function uses $.post() function to process the request and return an updated shopping cart bar, and also updates the div with the cart bar that is on the top of the page. And then it scrolls up to top, but I don't want it to scroll up. How can I fix this? The buy function returns false .

Answer 1

Try to use preventDefault()

$('#element').click(function(e){
    e.preventDefault();

    //do whatever
});

Answer 2

you have to pass return false; :

<a href="#" onClick="buy(id); return false;">Buy</a>

another option is to give an id or class name and in the callback stop the default behavior.

<a href="#" id='buyBtn'>Buy</a>

then jQuery event:

$('#buyBtn').on('click', function(e){
     e.preventDefault();
     buy(id);
});