通过AJAX删除项目后，滚动页面

Question

描述：您好，我正在开发在线食品订购网站。我已经完成了项目，但我被困在购物车..

问题：我面临问题，当我从购物车中删除项目时，我选择了页面滚动时，我从购物车中删除项目。 。我正在使用AJAX来添加和删除购物车中的物品。

什么是可能的解决方案，以便当我从购物车中删除该项目时页面不会向上滚动。

您可以在这里查看链接：http://gogaily.com/restaurant_details.php?hotel_id=14页面重定向后单击菜单选项卡查看菜单项......当您点击菜单项当您从购物车中删除项目页时，将显示购物车页向上滚动。如何避免页面滚动。

Answer 1

这是因为您使用的链接元素为href="#" - 空的哈希会被浏览器视为“滚动到顶部”。

你简单有执行你的JS代码后打压“正常”的链接功能 - 关键字event.preventDefault或return false（后者为“传统”的事件处理

Answer 2

我想你已经在删除按钮中使用了锚标签。即。

<a href="#" ...>Delete</a> 

这样的事情。与

<a href="">Delete</a> 

或使用按钮做即

<button ...>Delete</button> 

希望你的问题将得到解决。

Answer 3

替换HREF =“＃”替换HREF =”。 javascript：void（）;“