0

描述：您好，我正在开发在线食品订购网站。我几乎完成了这个项目，但我被困在购物车里。。

问题：当我从购物车中删除商品时遇到问题，当我从购物车中删除商品时，页面向上滚动。我正在使用 AJAX 从购物车中添加和删除商品。

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

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

4

3 回答 3

1

我认为您在删除按钮中使用了锚标记。IE。

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

像这样的东西。用它做

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

或使用按钮，即

<button ...>Delete</button>

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

于 2013-03-15T16:16:37.843 回答
1

那是因为你使用了一个链接元素href="#"——空的哈希被浏览器视为“滚动到顶部”。

在执行 JS 代码后，您必须简单地取消“正常”链接功能——关键字是event.preventDefaultor return false（后者用于“传统”事件处理。

于 2013-03-15T16:16:39.510 回答
0

将 href="#" 替换为 href="javascript:void();"

于 2013-03-15T16:16:58.490 回答