javascript - 使用 javascript 放置按钮时按钮不起作用

Question

我有一个文件上传按钮，当我将它直接放入 HTML 正文时，它工作得非常好

<input type="button" id="uploader" value="Upload"> 

但是当我尝试使用 javascript 将它放在一个 div 中时，该按钮出现在正确的位置，但当您按下它时它不再起作用:

centerWindow.innerHTML="<input type='button' id='uploader' value='Upload'>"; 

使按钮上传文件的脚本如下:

   <script type="text/javascript"> 
              var element = document.getElementById('uploader');
              upclick(
                  {
                  element:element, 
                  action: '/mailer/file_upload.php', 
                  onstart: 
                    function(filename) 
                    {
                      alert('Uploading: '+filename);
                    },
                  oncomplete:
                    function(response_data) 
                    {
                      alert('Data upload complete.');
                    }
                  } 
              );
    </script> 

我该如何解决这个问题？

Answer 1

您必须在按钮成为 DOM 的一部分之后调用您的 upclick()，现在我相信您之前调用它

//code to make button
var element = document.createElement('input');
element.value = 'Upload';
element.id = 'uploader';
element.type = 'button';
document.body.appendChild(element);
upclick({
    element: element,
    action: '/mailer/file_upload.php',
    onstart: function (filename) {
        alert('Uploading: ' + filename);
    },
    oncomplete: function (response_data) {
        alert('Data upload complete.');
    }
});

演示:http://jsfiddle.net/howderek/tCcQL/