.on submit函数运行两次--jQuery

Question

当我在下面选择一个文件时，更改功能运行一次并调用提交功能两次，在localhost上它正在调用一次，但是在实时调用它2次。

// On change in file input.
jQuery( document ).on( "change", 'input#file', function()
{
    // runs once.
    jQuery( 'input#submit' ).submit();
});

// Submit form.
jQuery( document ).on( "submit", 'form', function( event )
{
   // runs 2 times
}

HTML：

    <form id="upload" action="" method="post">
        <div id="drop_area" class="drop">
            <input id="file" type="file" name="files" />
            <input id="submit" class="uploadSubmit" type="submit" value="submit">
        </div>
    </form>

- 编辑 -

Fiddle

Answer 1

<强>曾为：

改变这个：

<input id="submit" class="uploadSubmit" type="submit" value="submit">

为：

<input class="uploadSubmit" type="submit" value="submit">

并使用：

jQuery( '.uploadSubmit' ).submit();