Jquery: liên kết tải + thay đổi đồng thời

Question

Trong nhiều trường hợp, tôi cần phải ràng buộc một hành vi cho một phần tử sau khi tải, và sau đó sau khi một sự kiện kích hoạt (như "thay đổi"). Tôi nghĩ rằng cách tốt nhất là để làm cho nó trong cùng một dòng:

$('#element_id').bind('load, change', function() { 
... 
}); 

Nhưng công trình này chỉ dành cho "thay đổi" chứ không phải "tải". Có một cách tốt hơn?

Answer 1

tôi stumbled trên cùng một vấn đề. Loại bỏ dấu phẩy là không đủ, ít nhất là trong trường hợp này:

$(document).ready(function(){ 
    $('#element_id').bind('load change', function() { 
     ... // (this DOESN'T get called on page load) 
    }); 
}); 

Tôi đoán load sự kiện được kích hoạt trước $(document).ready().

Đây là một giải pháp đơn giản:

$(document).ready(function(){ 
    $('#element_id').bind('change', function() { 
     ... 
    }); 
    $('#element_id').trigger('change'); 
}); 

Answer 2

Bạn không chỉ cần xóa dấu phẩy?

Answer 3

Không có dấu phẩy. Đọc tài liệu.

http://api.jquery.com/bind/

Answer 4

thử nó mà không có dấu phẩy:

$('#element_id').bind('load change', function() { 
... 
}); 

http://api.jquery.com/bind/#multiple-events

Answer 5

Đối với nội dung đã được nạp, khi bạn muốn chạy một hàm trên một sự kiện và cũng ngay lập tức, bạn có thể sử dụng một sự kiện tùy chỉnh của đặt tên riêng của bạn để tránh kích hoạt mọi ràng buộc hiện có từ thư viện, v.v. trên các sự kiện được tạo sẵn, ví dụ

$(".my-selector").on("change rightnow", function() { 
    // do stuff... 
}).triggerHandler("rightnow");