Javascript Onclick文件上传domphp Jquery

我试图上传一个文件到一个PHP脚本，我已经当一个按钮点击。我只是在开始学习JavaScript的前几个小时，我真的不理解动态加载HTML的JSV的结构，所以我在这里

单击菜单链接时，它会从另一个文件加载HTML。加载的HTML有一个带有禁用提交按钮的文件上载表单。当按下该按钮时，我正试图向服务器执行XMLHttpRequest并上载该文件。在我的第一次尝试中，它找不到具有该ID的DOM元素，因为它尚未加载。因此，我将该函数移到了单击菜单时加载HTML的函数中。现在，我没有收到空错误，但是当我单击按钮时什么也没有发生？为什么提交按钮onclick事件没有触发

加载的HTML

<div id="form-wrapper">
<p>
    Please upload a Material List.
</p>
</br>
</br>
<form id="form" method="post" action="#" enctype="multipart/form-data"> 
    <p>                 
        <label class="label" for="file">Material List</label>               
        <input class="file-input" type="file" name="file" id="file"/>                   
    </p>
</br>
</br>
    <p>
        <input id="submit" value="Upload File" disabled="disabled" type="submit"/>
    </p>
</form>
</div>

提前感谢您的帮助

---

Nathan

阅读关于文档就绪-$.ready和jQuery的Ajax调用

加载函数作为第二个参数，可以使用加载完成后将调用的函数

尝试改为收听提交表单的事件

$("#container").load("../html/mrp_new_order.html", function() {
    $('#form').submit(function() {
      alert('Submit button was pressed');
      return false;
    });
});

---

不能将onclick或任何侦听器设置为禁用的按钮。我在谷歌搜索了一段时间后才发现

我变了

到

---

一切都按预期进行。

如果调用该函数时文档没有准备好，我会收到一个类型错误，说我不能将函数赋值为null，对吗@Damian0o您的第一个位会像预期的那样发出警报，但是当我添加您的第二段代码并按下submit按钮时，我什么也没有得到。禁用HTML中的按钮会是原因吗？

$("#container").load("../html/mrp_new_order.html", function() {
   alert('Load was performed.');
});

$("#container").load("../html/mrp_new_order.html", function() {
    $('#form').submit(function() {
      alert('Submit button was pressed');
      return false;
    });
});