Javascript onClick jQuery函数未触发

我想让这个简单的onclick工作。。。但是在我的file.js中，80%都可以工作，而这一个就不行了

如果有人能帮我一下

功能：

    jQuery(document).on("click", '#avatarGO', function(event){

toastr.clear();

jQuery('#avatarGO').addClass('disabled');

jQuery('.has-error').removeClass('has-error');

var formData = $("#changeAvatarForm").serialize();

jQuery.ajax({
    type        : 'POST',
    url         : '../../class/profile/change_avatar.php',
    data        : formData,
    dataType    : 'json'
})
.done(function(data) {

    console.log(data);

    if (!data.success){

        //Failure
        jQuery.each(data.sysemp, function(index, value){

          jQuery('#'+value+'').addClass('has-error');

        });

        //Failure
        jQuery.each(data.syserr, function(index, value){

           toastr["error"](value);

        });

        jQuery('#avatarGO').removeClass('disabled');

    } else {

        //Success
        toastr["success"](data.message);
        setTimeout(function() { window.location.reload(); }, 850);

    }

});

event.preventDefault();

})

HTML:

完整文件：

更新：

控制台没有显示错误 表单onClick未被触发

---

HTML是正确的

尝试将代码放入文档中。准备好并检查它。希望您在控制台中没有遇到错误。

请准确描述什么不起作用，粘贴任何错误，解释任何意外行为等。控制台不会显示任何错误；然后将其添加到您的问题中—您在问题中提供的信息越清楚，回答的可能性就越大，而不是向下。当单击按钮时，触发此ajax表单！但是什么也没发生！Chrome Networking选项卡中的Not event显示表单submit…@Creos它在我的本地主机上运行得非常好，一旦我传输到Web服务器，一些东西就不起作用了..嗨！我将尝试，但控制台上没有错误。。这是我的问题！ajax事件未提交！我已经检查了html，我应该在ciickYeah上触发AvatarGO ID。。同样的问题。。。它没有被触发！还共享html内容或引用错误：未定义toastr，我遇到此错误。当我包括你的js。toastr未在单击处理程序中声明。

<button id="avatarGO" type="button" class="btn btn-block btn-success">Confirmar</button>