用这个。您可以将 body 替换为 dom ready 上存在的任何父元素

$('body').on('click', '#my-button', function () {
     console.log("yeahhhh!!! but this doesn't work for me :(");
});

在http://api.jquery.com/on/ 上查看有关如何使用 on() 的更多信息，因为它从 1.7+ 开始替换 live()。

下面列出了您应该使用的版本

$(selector).live(events, data, handler); // jQuery 1.3+

$(document).delegate(selector, events, data, handler); // jQuery 1.4.3+

$(document).on(events, selector, data, handler); // jQuery 1.7+

我真的很惊讶还没有人发布这个

$(document).on('click','#my-butt', function(){
   console.log('document is always there');
}) 

如果您不确定当时该页面上将包含哪些元素，只需将其附加到document.

注意：从性能角度来看，这是次优的 - 为了获得最大速度，应该尝试附加到将要插入的元素的最近父元素。

试试这个.... 用父选择器替换正文

$('body').on('click', '#my-button', function () {
    console.log("yeahhhh!!! but this doesn't work for me :(");
});

尝试：

$('body').on({
    hover: function() {
        console.log("yeahhhh!!! but this doesn't work for me :(");
    },
    click: function() {
        console.log("yeahhhh!!! but this doesn't work for me :(");
    }
},'#my-button');

jsfiddle 示例。

使用 .on() 并绑定到动态元素时，您需要引用页面上已存在的元素（如示例中的 body）。如果您可以使用更具体的元素来提高性能。

事件处理程序仅绑定到当前选定的元素；当您的代码调用 .on() 时，它们必须存在于页面上。为确保元素存在并且可以被选择，请在文档就绪处理程序中为页面上 HTML 标记中的元素执行事件绑定。如果将新 HTML 注入页面，则在将新 HTML 放入页面后选择元素并附加事件处理程序。或者，使用委托事件附加事件处理程序，如下所述。

源代码：http : //api.jquery.com/on/

你必须附加它。使用以下命令创建元素：

var $div = $("<div>my div</div>");
$div.click(function(){alert("clicked")})
return $div;

然后，如果您附加它将起作用。

看看你的例子here和一个简单的版本here。