jQuery .keyup() không làm việc

Question

tôi có mã này:

<script> 
$('#searchInput').keyup(function() { 
alert('Handler for .keyup() called.'); 
}); 
</script> 

và đầu vào này:

<input id='searchInput' type='text' placeholder='Search other alumni users' /> 

nhưng khi tôi bấm một cảnh báo quan trọng không đi lên ... tôi đã bao gồm tập lệnh jQuery rồi.

Answer 1

Thay đổi mã của bạn để

$(function(){ // this will be called when the DOM is ready 
    $('#searchInput').keyup(function() { 
    alert('Handler for .keyup() called.'); 
    }); 
}); 

để đảm bảo các yếu tố DOM tồn tại khi bạn xây dựng tập jQuery.

Answer 2

$(document).ready(function() { 
    $('#searchInput').keyup(function() { 
    alert('Handler for .keyup() called.'); 
    }); 
}); 

Hoặc

$(function() { 
    $('#searchInput').keyup(function() { 
    alert('Handler for .keyup() called.'); 
    }); 
}); 

Answer 3

này đã làm việc cho tôi:

    jQuery(".divForinput1 > input").keyup(function() { 
    var value = $(this).val(); 
    jQuery(".divForinput2 > input").val(value); 
    }).keyup(); 

//the .keyup on the end maybe what many are missing 

Answer 4

keyup/keydown dường như chỉ hoạt động trên các yếu tố có mặt tại document.ready.

Nếu bạn đang kích hoạt sự kiện của mình từ các thành phần đã bị thay đổi hoặc được thêm vào khi tải trang sau, các sự kiện này sẽ không kích hoạt.

Tìm hoặc tạo phụ huynh của phần tử được xem hiện diện khi tải sau đó đặt sự kiện để kích hoạt từ phần tử gốc đó có thể bỏ qua điều này.

Answer 5

Trong trường hợp của tôi, tôi đã có nhiều chức năng trong $(document).ready(function() {});

Bằng cách thay đổi thứ tự của các chức năng KeyUp tôi ví dụ: đặt chúng ở phía trên ... trong tài liệu sẵn sàng dường như làm các trick. Tôi đoán là một trong những chức năng khác đã phá vỡ chức năng khóa của họ vì lý do gì?