Javascript Jquery on'；单击'；事件适用于一个选定id，但不能同时适用于两个id

我有一个奇怪的问题，我不明白，我一直在一个网页上工作，我可以下载从网络摄像头或手机摄像头拍摄的图像。从一开始，我就使用了一个带有“下载”文本的标签，单击该标签可以下载图像（取自一个示例）。但是现在我实现了它，我想把它改成一个真正的按钮，现在我的点击事件不起作用了

以下是两个元素的html：-

<a id="download" >Download as image</a>

<button class="btn btn-primary" id="ag_photo_download_button">Download Photo</button>

我发现真正奇怪的是，当我点击“下载为图像”时触发了事件，而不是在我的下载照片上

而且，更奇怪的是，如果我把这段代码完美地放在工作中，而不是放在我的代码中。此外，这是唯一一个链接到这些元素的函数

我想为我的页面输入完整的代码，但是相机部分是在我对数据库进行了一些查询之后出现的，所以它在JSFIDLE中无法工作，我希望您能帮助我

编辑：第二个与更多的代码

---

编辑2：使用完整代码

为什么不尝试在按钮中直接调用函数

作为图像下载
下载照片

尝试将事件绑定到

文档

$(document).on( "click", '#download,#ag_photo_download_button', function() {
alert('hey there')
});

这样，无论元素是否存在于DOM中，

.on（）

将在您试图绑定到的元素尚不存在时失败。使用

$（document）.ready（function（）{}

是另一个选项

阿尔索

---

确保完整代码中没有其他具有相同id的元素。

在按钮呈现到屏幕之前是否声明函数？请尝试

$（文档）。在（“单击”，“下载”，“下载照片”，“下载按钮”，函数（）{}）

你能发布你所有的代码吗？没关系，它没有运行，因为我们似乎无法找出它为什么不能与你提供的代码一起工作。谢谢“如果我将此代码放入JSFIDLE中，它可以完美地工作，但不能放入我的代码中”这是问题与您页面上与此代码冲突的其他代码有关的泄露。我的函数在$（文档）之后声明。就绪（函数（）{part。我尝试了您的代码，但它也不起作用：/have your try

$（文档）。在（“单击“，”#下载，#ag#photo_下载按钮，#函数（）{}

？

onclik

拼写错误，不建议使用内联HTML事件处理程序，因为它们不遵循标准，不创建意大利面代码，也不围绕事件属性的代码创建全局匿名包装函数。我在问问题之前尝试过它，但遗憾的是它不起作用。它也不起作用：/I选中，我没有任何ot她的元素具有相同的id

$(document).on( "click", '#download,#ag_photo_download_button', function() {
alert('hey there')
});