简单的 CoffeeScript 和 jQuery 事件的奇怪问题

Question

该事件在通配符选择器上正常触发，但如果我为选择器使用特定 ID，则会失败。

这有效：

$("*").click ->
  console.log "entered event."
  $("#tellafriend").dialog
    modal: true
    buttons:
      Ok: ->
        $(this).dialog "close"

然而，这无效：

$("#tell-a-friend").click ->
  console.log "entered event."
  $("#tellafriend").dialog
    modal: true
    buttons:
      Ok: ->
        $(this).dialog "close"

我的相关 HTML：

<ul class="actions">
    <li><a href="#">Home</a></li>
    <li>|</li>
    <li><a href="#" id="tell-a-friend">Tell a Friend</a></li>
</ul>

我是否在 CoffeeScript 中遗漏了某些内容才能使其正常工作？也许 jQuery 选择器在 CoffeeScript 中的格式不同？

这是我的应用程序提供的渲染的 Javascript（Rails 在提供页面时将 CoffeeScript 转换为 JS）：

(function() {

  $("#tell-a-friend").click(function() {
    console.log("works");
    return $("#tellafriend").dialog({
      modal: true,
      buttons: {
        Ok: function() {
          return $(this).dialog("close");
        }
      }
    });
  });

}).call(this);

Answer 1

是否有可能在 DOM 完全加载之前就执行了代码。尝试将其包装在文档就绪处理程序中，以便在 DOM 完全加载后应用所有单击处理程序。事实上，它可能只在 body 元素上执行，因为这是执行脚本时唯一可用的元素。