Question

当我点击以下代码时，页面会向上移动到顶部。如何保持当前宽度/高度而不是在页面开头移动用户？

<script type="text/javascript">
    $(document).ready(function () {
      $("#click").click(function() {
    //some things in here
      });
    });
</script>

Answer 1

导航到顶部是此类链接的默认行为，可以通过调用e.preventDefault()来阻止，其中e是jQuery事件参数：

$("#click").click(function(e) { // <-- `e` is passed to the function
    e.preventDefault();

    //some things in here
});

Answer 2

如果#click是一个锚元素<a id="click" href=""></a>，那么您将获得该页面顶级行为。因此，要么执行@pimvdb建议的内容，要么使用其他元素（例如span或div）。

Answer 3

你可以使用e.preventDefault（）或者只返回false，返回false包含preventDefault（）并且还可以防止事件冒泡。

$("#click").click(function() {
    // something here
    return false
});

jQuery点击后如何保持当前的宽度/高度？

3 个答案: