jquery sự kiện thay đổi gọi lại

Question

Làm thế nào để gọi một chức năng sau khi change() sự kiện hoàn tất?

ví dụ, một cái gì đó như thế này: (Tôi biết jQuery Không có phương pháp gọi lại như mặc định)

$('#element').change(function(){ 
        // do something on change 
        // $('#milestonesSelect').multiselect({ minWidth: 120 , height : '200px' ,selectedList: 4 }).multiselectfilter(); 
         // some animation calls ... 
         // ... 
        }, function(){ 
        // do something after complete 
         alert('another codes has completed when i called'); 
        } 
        ); 

Có thể gọi một callback đơn sau khi tất cả các mã trên phương pháp thay đổi được thực hiện, trừ trường hợp cuộc gọi một cuộc gọi lại hoàn chỉnh cho mọi chức năng trên đó?

Tôi cần phải làm điều gì đó sau khi sự kiện thay đổi đã hoàn thành

Tôi có cần đặt thứ tự phương pháp trong trình xử lý thay đổi không?

Answer 1

Bạn có thể tận dụng các event bubbling và đăng ký một callback trong document.

$(document).on('change', '#element', function(){ 
    console.log('after all callbacks') 
}); 

Demo: Fiddle

Answer 2

Nếu tôi hiểu câu hỏi của bạn một cách chính xác, điều này sẽ thực thi mã chỉ có một thời gian sau khi một sự kiện thay đổi là bắn:

var changed = false; 

$('#element').on('change', function() { 
    if (!changed) { 
     // do something on change 
     changed = true; 
    } 
    } 
}); 

Answer 3

tôi chỉ cần bỏ ra một chút thời gian khám phá này bản thân mình, và quyết định gửi câu trả lời của tôi cho câu hỏi này là tốt. Điều này không sử dụng bất kỳ phương thức trì hoãn nào của jQuery, mà có thể là một cách tiếp cận tốt hơn. Tôi đã không khám phá họ đủ để có một ý kiến ​​về vấn đề này.

$("#element").change(function() { 
    handler().after(callBack($("#element").val())); 
} 

function handler() { 
    alert("Event handler"); 
} 

function callBack(foo) { 
    alert(foo); 
} 

Demo: JSFiddle