javascript - 页面刷新 JavaScript

Question

这个问题已经有答案了:

How to stop default link click behavior with jQuery (6 个回答)

已关闭 4 年前。

我正在开发一个音乐流媒体网站，我有此代码，我想知道如何防止页面在单击 href 链接后更改歌曲

$.post("includes/handlers/ajax/getAlbumJson", {albumId: track.album}, function(data){
                var album = JSON.parse(data);

                $(".albumLink img").attr("src", album.artworkPath);
                $(".albumLink img").attr("onclick", "openPage('album.php?id=" + album.id + "')");   
                $(".trackName span").attr("onclick", "openPage('album.php?id=" + album.id + "')");
                 $(".trackName a").attr("href", "album.php?id=" + album.id + "");

            });

    <span class="trackName dark-primary-hover">
      <a href="" role="link" style="pointer-events: auto;"></a>
    </span>

Answer 1

你应该能够这样做:

$(".trackName a").on('click', function(){
return false;
});

这是一个工作示例:

$(".trackName a").on('click', function(){
    return false;
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<div class="trackName">
<a href="https://stackoverflow.com/">Click Me</a>
</div>