jQuery mousedown не работает над кнопкой отправки файла

Question

У меня есть контактная форма (Drupal Webform), которая включает в себя загрузку файла, которая создает форму, содержащую эту разметку (в этом примере я разделил имя, размер и идентификатор attr):

<div class="form-managed-file"> 
    <input type="file" class="form-file"> 
    <input type="submit" value="Upload" class="form-submit ajax-processed"> 
    <input type="hidden" value="0"> 
</div> 

Я бы хотел, чтобы кнопка загрузки автоматически включалась при загрузке файла. Я делал это в прошлом, с помощью функции, как это, но он не работает на этом одном:

$('.webform-client-form').on('change', 'input.form-file', function() { 
    $(this).next('input[type="submit"]').mousedown(); 
}); 

Однако они работают в этой форме:

$('.webform-client-form').on('change', 'input.form-file', function(){ 
    $(this).next('input[type="submit"]').css("background", "red"); 
    alert($(this).next('input[type="submit"]').val()); 
}); 

Первый дает кнопку красным задний план. Второе предупреждение «Загрузить». Почему мышь не работает? Я также использовал click()trigger("click") и trigger("mousedown"), но ни один из них не нажимает кнопку загрузки. Я использую jQuery 1.10.

Answer 1

Вы только запускаете mousedown. Кроме того, необходимо, чтобы захватить курок и действовать соответствующим образом, например:

$('.webform-client-form').on('mousedown', 'input[type="submit"]', function() { 
    alert ("mousedown"); 
}); 

Если я не ошибаюсь, что вы пытаетесь сделать, это отправить форму, когда .change срабатывает. Если это так, вы можете также отправить форму в пределах вашего .change обработчика, таких как:

$('.webform-client-form').on('change', 'input.form-file', function() { 
    $('.webform-client-form').submit(); 
}); 

Answer 2

Собственно click() работает отлично:

$(this).next('input[type="submit"]').css("background", "red").click(); 

Вот fiddle.