jQuery脚本将我带到页面顶部.如何修改

jQuery script takes me on top of page. How to modify this?

本文关键字：何修改 修改 顶部 脚本 jQuery      更新时间：2024-04-28

如何修改这段代码，这样当我点击它时，它就不会把我带到页面的顶部？

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

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

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

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

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

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

你可能还有这样的东西：

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

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

有一个更合理的URI。可能：

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

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

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

使用：

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

或者在href中编写类似javascript:void(0); 的内容

相关文章：