觸發（「點擊」）在IE

Question

不工作

我運行jQuery的下面這段代碼：

<script type="text/javascript"> 
$(document).ready(function(){ 
    $('body').on('click', '.add-photo',function() { 


$("#images").append($('<input/>').attr('type', 'file').attr('name','uploads[]').attr('class', 'photo-upload-box').attr('value', '').trigger('click')); 


}); 
}); 
</script> 

HTML編碼

<input type="submit" class="add-photo"> 
<div id="images"> </div> 

我們知道這會爲每個文件創建新的輸入函數執行的時間。我所面對的是點擊事件不在IE中工作，但在Firefox中工作正常。

我也嘗試過觸發（'點擊'），但它不能在IE中工作。任何人都可以建議我如何使它在Internet Explorer中工作？

Answer 1

看起來您在創建輸入元素時遇到了一些格式問題。這應該適合你。簡單地使用本地onclick也可以調用該函數，因爲您並不需要jQuery查看器。讓我知道你是否需要任何幫助:-)

編輯後的版本現在將適用於類.add-photo的任何事情。

$('body').on('click','.add-photo',function(){ 
 
    
 
    let input = $("<input>",{ 
 
    'type': 'file', 
 
    'name': 'uploads[]', 
 
    'class': 'photo-upload-box' 
 
    }); 
 
    
 
    $(input).click(); 
 
    
 
    $(input).change(function(){ 
 
    
 
    console.log(this.value); 
 
    
 
    }); 
 
    
 
});

.add-photo { 
 
    background-color: rgba(0,0,0,.15); 
 
    width: 100px; 
 
    text-align: center; 
 
    padding: 10px 0; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 

 
<div class="add-photo">Add photo</div> 
 

 
<div id="output"></div>