Javascript 屏幕加载时Div ID已更改，但单击时未触发新ID脚本

我正在尝试获得一个随机的优胜者弹出窗口。 当页面加载时，3个divs id中的一个被winner替换

问题是，当单击id为winner的div时，它不会触发与其关联的jquery

有什么我可以改变来解决这个问题吗

下面是我正在使用的代码示例

$（文档）.ready（函数（）{
$（“#左”）。单击（函数（）{
$（“#limg”）.attr（'src'，'https://via.placeholder.com/175');
});
$（“#中心”）。单击（函数（）{
$（“#cimg”）.attr（'src'，'https://via.placeholder.com/175');
});
$（“#右”）。单击（函数（）{
$（“#rimg”）.attr（'src'，'https://via.placeholder.com/175');
});
$（“#获胜者”）。单击（函数（）{
$（“#wimg”）.attr（'src'，'https://via.placeholder.com/190');
$（“#winbox”）.css（'display'，'block'）；
$（“#winbox”）.css（'z-index'，'2'）；
});
});

#winbox{显示：无；背景色：红色；颜色：白色；填充：20px；}

赢家
window.onload=函数（）{
变量选择器=Math.floor（Math.random（）*3）+1；
如果（选择器==1）document.getElementById（“左”）.id=（“赢家”），document.getElementById（“limg”）.id=（“wimg”）；
else if（selector==2）document.getElementById（“中心”）.id=（“获胜者”），document.getElementById（“cimg”）.id=（“wimg”）；
否则，如果（选择器==3）document.getElementById（“右”）.id=（“赢家”），document.getElementById（“rimg”）.id=（“wimg”）；
}

已移动

$（“#获胜者”）。单击（函数（）{
$（“#wimg”）.attr（'src'，'https://via.placeholder.com/190');
$（“#winbox”）.css（'display'，'block'）；
$（“#winbox”）.css（'z-index'，'2'）；

在随机div选择而不是页面加载后运行

$（文档）.ready（函数（）{
$（“#左”）。单击（函数（）{
$（“#limg”）.attr（'src'，'https://via.placeholder.com/175');
});
$（“#中心”）。单击（函数（）{
$（“#cimg”）.attr（'src'，'https://via.placeholder.com/175');
});
$（“#右”）。单击（函数（）{
$（“#rimg”）.attr（'src'，'https://via.placeholder.com/175');
});
})；

#winbox{
显示：无；
背景色：红色；
颜色：白色；
填充：20px；
}

赢家
window.onload=函数（）{
变量选择器=Math.floor（Math.random（）*3）+1；
console.log（选择器）
如果（选择器==1）document.getElementById（“左”）.id=（“赢家”），document.getElementById（“limg”）.id=（“wimg”）；
else if（selector==2）document.getElementById（“中心”）.id=（“获胜者”），document.getElementById（“cimg”）.id=（“wimg”）；
否则，如果（选择器==3）document.getElementById（“右”）.id=（“赢家”），document.getElementById（“rimg”）.id=（“wimg”）；
$（“#获胜者”）。单击（函数（）{
$（“#wimg”）.attr（'src'，'https://via.placeholder.com/190');
$（“#winbox”）.css（'display'，'block'）；
$（“#winbox”）.css（'z-index'，'2'）；
});
}

我意识到我没有在代码段中添加jquery链接，但在实际代码中添加了。