发布后未触发的IE 10 jquery点击事件按钮

Question

uploadButton上传图片并将其保存在本地。我使用fileinput选择图像，uploadbutton将图像数据发回服务器。

它在chrome上工作正常，但在向服务器提交数据后，10上传按钮的点击事件不会tirgger。我必须首先点击页面上的按钮元素，然后我可以点击按钮。 这是我的代码：

  <div id="fileInput">
    <span class="btn-custom btn-success-custom fileinput-button"><span><a>select file</a></span>
        <input type="file" id="fileupload" name="fileupload" accept="image/*" />
    </span>
</div>

<div id="uploadButtonDiv" style="display: none;">
        <button id='uploadButton' class="btn btn-primary">Deel deze afbeelding</button>
 </div>

这是我的脚本代码：

angular.module('upload', []).controller("UploadController", function UploadController($scope, $http) {

$scope.$on('$viewContentLoaded', function(){

 $("#uploadButton").on('click', function () {

       alert('Upload image');

    });

}

我见过simillar问题，但我找不到正确答案。

Answer 1

尝试提供#uploadButton上下文

$("body").on('click', "#uploadButton", function () {

   alert('Upload image');

});

所以在发布到服务器后页面上有一个现有元素

http://api.jquery.com/jQuery/#jQuery-selector-context