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

Question

uploadButton 上传图片并保存在本地。我使用文件输入来选择图像，然后上传按钮将图像数据发送回服务器。

它在 chrome 上运行良好，但在将数据提交到服务器后 10 点，uploadbutton 的点击事件不会触发。我必须先在页面上的按钮元素之外单击，然后才能单击该按钮。这是我的代码：

  <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');
       
    });

}

我见过类似的问题，但我没有找到我的问题的正确答案。

Answer 1

尝试给你的#uploadButton 上下文

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

   alert('Upload image');

});

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

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