Tại sao sự kiện gửi biểu mẫu không kích hoạt (jQuery)?

Question

Tôi có một hình thức + bố trí như sau:

<form ...> 
    <div id="editor"> 
     [form html] 
     <input type="submit" value="Submit form" /> 
    </div> 
</form> 

Và javascript sau:

$(function() { 
    var form = $('#editor').parents('form'); 
    alert(form.length); // this alerts "1" 
    $(document).on('submit', 'form', function() { 
     alert('document form submit fired'); // this works as expected (alerts) 
    }); 
    form.on('submit', function() { 
     alert('selected form submit fired'); // this is never alerted 
    }); 
}); 

Hình thức này không được nạp thông qua ajax. Khi trang tải, hộp thoại đầu tiên cảnh báo "1". Tuy nhiên, khi gửi biểu mẫu, chỉ một cảnh báo được kích hoạt - một cảnh báo kích hoạt gửi cho tất cả các biểu mẫu trong tài liệu.

Tại sao điều này lại xảy ra?

Answer 1

It does work. Một cái gì đó khác đang xảy ra đang ngăn cảnh báo thứ hai kích hoạt.

Answer 2

Bộ chọn biểu mẫu của bạn không chính xác.

Hãy thử và làm được điều này

$("form").on('submit', function() { 

Khá chắc chắn điều này sẽ làm việc

Trên thực tế nếu không có gì đã được nạp thông qua ajax hoặc động thông qua javascript

Bạn chỉ có thể làm

$("form").submit(function() { 

EDIT

Làm xước phần trên của tôi. Không thấy bạn đặt giá trị của biểu mẫu. Hãy xem http://jsfiddle.net/s3fvM/1/. Dường như làm việc tốt với tôi. cả hai đều bắn và cảnh báo.