为什么按钮单击不能从GUI工作，但可以从控制台工作？

Question

为什么有一个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>

CoffeeScript的：

photo_name = "ca69d691c0"
$('#button_' + photo_name).click (e) ->
  # show canvas
  console.log('DEBUG: hello')

只有在我执行时才有效（所以事件存在）：

$('#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"

更新

如果我将按钮移动到HTML层次结构中位置之外的某个位置 - 它就会开始工作。点击时会以某种方式覆盖它...但如果我检查按钮 - 只显示按钮，没有任何覆盖它。太奇怪了。