Jquery 卡片描述中的链接应该指向该站点，但它会关闭描述

我想在我的页面上使用，但我需要“阅读更多”链接来引导到另一个页面，而不是关闭卡片的描述。不幸的是，我不擅长jQuery

$（文档）.ready（函数（）{
var-zindex=10；
$（“div.card”）。单击（功能（e）{
e、 预防默认值（）；
var isShowing=假；
if（$（this）.hasClass（“show”））{
isShowing=true
}
if（$（“div.cards”）.hasClass（“显示”））{
//一张卡片已经在眼前了
$（“div.card.show”）.removeClass（“show”）；
如果（正在显示）{
//此卡正在显示-重置网格
$（“div.cards”）。移除类（“显示”）；
}否则{
//这张卡不见了，拿着它走吧
$（this.css）({
zIndex:zIndex
}).addClass（“show”）；
}
zindex++；
}否则{
//看不到牌
美元（“div.cards”）.addClass（“显示”）；
$（this.css）({
zIndex:zIndex
}).addClass（“show”）；
zindex++；
}
});
});

卡片标题
来自unsplash.com的图片
这个网格是一个尝试，使一些美好的工作在触摸设备。不可用时忽略悬停状态等。
首先删除preventDefault（）

$（“div.card”）。单击（功能（e）{
e、 preventDefault（）；你不能在href
中将链接添加到你的页面吗？@CarstenLøvboAndersen我添加了，但它不起作用。当你单击链接“阅读更多信息”时卡片的说明已关闭，无法指向我需要的页面。这就是我请求帮助的原因。如果我删除此行，操作按钮会将我返回到页面顶部。而“阅读更多”链接仍然不起作用。只有它关闭说明
 $("div.card").click(function(e){
    e.preventDefault(); <-- remove this line

<a href="http://www.google.com" class="btn">Read more</a>