on。（'click'）函数未触发的可能原因？

Question

$(function() {
  $("#edit_current_pick").on('click', function() {
    alert("I see you. I click you. You worked before, why aren't you working now!?");
     // ... do stuff
  });
});

<span id="edit_current_pick" class="btn btn-danger btn-xs"> <span class="glyphicon glyphicon-refresh"></span> Edit Current Seleciton </span>

这很好用。不能为我的生活理解为什么它突然停止工作。没有命名冲突，没有控制台js错误。

我看到了按钮。我点击按钮。什么都没有。它能是什么？

Answer 1

尝试

$(function() { // document.ready shorthand
    $("#edit_current_pick").on('click', function() {
        // ... do stuff
    });
});

或

$(document).on('click', '#edit_current_pick', function() {...})

要进一步解释，除非您委托页面加载时存在的内容，否则on('click')和click()之间没有区别。