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);