Javascript 阻止在单击特定时间后加载页面

我希望在单击的链接开始加载页面之前的特定时间段内显示jQuery对话框，但我对持续时间有问题。它似乎不像我预期的那样持续。我该怎么修理？谢谢

$（函数（）{
$（“#对话框”）。对话框({
自动打开：错误，
});
$（“.images”）.find（“a”）.eq（1）.on（'click'，函数（e）{
设置超时（（）=>{
e、 预防默认值（）；
}, 10000);
$（“对话框”）。对话框（“打开”）；
});
});
#对话框{
显示：无；
}
img{
宽度：300px；
高度：250px；
对象匹配：覆盖；
}



Lorem ipsum dolor坐在amet Concertetur，告别精英。你知道吗？你知道吗？布朗迪蒂斯·奎斯·普罗维登特

您不能将
e.preventDefault（）
放在超时内，您需要在单击后立即使用它，以便浏览器不会离开。在超时设置内，单击重定向：


$（“#dialog”）.dialog({
自动打开：错误，
});
$（“.images”）.find（“a”）.eq（1）.on（'click'，函数（e）{
e、 预防默认值（）；
设置超时（（）=>{
window.location.href=$（this.prop（“href”）
}, 3000);
$（“对话框”）。对话框（“打开”）；
});
#对话框{
显示：无；
}
img{
宽度：300px；
高度：250px；
对象匹配：覆盖；
}



Lorem ipsum dolor坐在amet Concertetur，告别精英。你知道吗？你知道吗？布朗迪蒂斯·奎斯·普罗维登特

@JustMe我看不出有任何理由认为我的更改会反映在您遇到的问题上，一个不应该与另一个有任何关系。另外，从函数中删除所有这些，根本不需要这样做，我更新了代码段。还要确保将此脚本放在正确的位置。在正文底部或将其全部包装在
document ready
中。现在一切正常，按预期工作。再次非常感谢！