Javascript 为什么按钮不点击'；不能从GUI工作，但可以从控制台工作吗？

为什么带有click（）事件的按钮不能在浏览器中工作，但可以在js控制台中工作：

<div class="text-center" id="my_button_div">
  <button class="btn my_button btn-danger" id="button_ca69d691c0" name="button" type="button"> Stop annotate photo</button>
</div>

它仅在我执行时有效（因此事件存在）：

但如果我点击按钮就不会了

有什么问题

更新： 调试（单击按钮）并打印照片名称时：

e.target
<button class=​"btn btn-success my_button" id=​"button_ca69d691c0" name=​"button" type=​"button">​Do something with photos</button>​

e.type
"click"

e.target
​用照片做点什么​
e、 类型
“单击”

更新：

---

如果我将按钮移动到HTML层次结构中其位置之外的某个位置，它就会开始工作。当点击时，不知怎的有东西覆盖了它。。。但是如果我检查按钮-只有按钮显示，没有覆盖它。这很奇怪。

声明的“照片名称”在哪里？已更新。照片名称是从服务器加载的，这不是问题所在，因为我看到所有加载的数据都在那里。明显的区别是，在控制台中键入后，页面已完成加载。但在页面加载后，我也单击了按钮，在控制台中单击按钮后，我也单击了该按钮，但它在jsbin上无法正常工作

$('#button_ca69d691c0').click()

e.target
<button class=​"btn btn-success my_button" id=​"button_ca69d691c0" name=​"button" type=​"button">​Do something with photos</button>​

e.type
"click"