javascript - jQuery 脚本将我带到页面顶部。如何修改这个？

Question

如何修改此代码，以便当我单击它时，它不会将我带到页面顶部？

<script>
    $(document).ready(function () {
        $(".cont").click(function () {
            $("#feed").load('footer.php');
        });
    });
</script>

Answer 1

您需要监听事件并阻止其默认操作。

$(document).ready(function () {
    $(".cont").click(function (e) {
        e.preventDefault();
        $("#feed").load('footer.php');
    });
});

Answer 2

通过添加return false或e.preventDefault()

<script>
    $(document).ready(function () {
        $(".cont").click(function (e) {
            e.preventDefault();
            $("#feed").load('footer.php');
        });
    });
</script>

Answer 3

您与我们共享的代码不会将您带到页面顶部。

你可能还有这样的东西：

<a href="#" class="cont">

这会将您带到页面顶部，因为这是 URI#指向的位置。

有一个更明智的 URI。可能：

<a href="footer.php" class="cont">

然后停止脚本中的默认行为：

    $(".cont").click(function (e) {
        $("#feed").load(this.href);
        e.preventDefault();
    });

Answer 4

利用：

$(document).ready(function () {
    $(".cont").click(function (e) {
        e.preventDefault();
        $("#feed").load('footer.php');
    });
});

或者href写一些类似的东西javascript:void(0);