Javascript 函数不会在页面上首次加载

Question

我有一个使用 ajax 的 Javascript 函数，单击按钮时会调用该函数。

如果您第二次访问该页面，它可以正常工作，但由于某种原因，第一次访问该页面时将无法工作。

我尝试添加 window.onload, document.onload,document.ready etc但那些立即调用函数并导致错误，因为变量尚未实例化。

不知道是否可能是因为该按钮是通过 php 动态创建的或什么的。 任何帮助表示感谢。

Answer 1

当 DOM 准备就绪时，在按钮上创建一个单击事件处理程序并在其中进行 AJAX 调用。

参见:http://jsfiddle.net/j5c4xjLo/2/

$(function() {
  $('#myButtonId').click(function(){
    //AJAX CALL CODE HERE
    console.log('hey.......');
  });
});