jQuery xử lý sự kiện không làm việc

Question

tôi có thể ràng buộc một sự kiện jquery để yếu tố này như:

<script type="text/javascript"> 
$('#new_key').ready(function() { 
alert('Handler for .submit() called.'); 
return false; 
}); 

Nó hoạt động như mong đợi

nhưng nếu tôi làm:

<script type="text/javascript"> 
$('#new_key').submit(function() { 
    alert('Handler for .submit() called.'); 
    return false; 
}); 

nó không hoạt động. không ai biết tại sao? tôi đang thiếu gì?

Answer 1

Bạn cần phải làm:

$(function() { //equal to $(document).ready() { 
    $('#new_key').submit(function() { 
    alert('Handler for .submit() called.'); 
    return false; 
    }); 
}); 

Các hình thức có thể không sẵn sàng để được ràng buộc để khi bạn đang gọi điện thoại, vì vậy bạn cần phải quấn nó để thực hiện và dàn dựng các xử lý khi tài liệu đã sẵn sàng .

Answer 2

$.ready(), nếu được sử dụng, nên được sử dụng trên tài liệu để cho biết DOM đã được tải đầy đủ.

$(document).ready(function(){ 

    $("#new_key").submit(function(e){ 
    e.preventDefault(); 
    alert("Submit called!"); 
    }); 

});​ 

Demo Online: http://jsbin.com/ojaqo3/edit