jQuery: Как разрешить функцию обратного вызова только один раз

Question

Я хочу запустить функцию обратного вызова только один раз, она должна запускаться, если она удаляет все элементы с определенным классом, но по какой-либо причине функция обратного вызова запускает количество элементов которые удалены, так что это не то, что я ищу.

код (форма плагин)

 $.plugin= { 
     clear: function(str){ 

      $('.msg').fadeOut(200, function(){ 
       $(this).remove(); 
       if(typeof str.remove == 'function'){ 
        str.remove.call(this); 
       }   
      }); 
     } 
    } 

Answer 1

Самый простой способ будет дезактивировать функцию:

$('.msg').fadeOut(200, function(){ 
     $(this).remove(); 
     if(typeof str.remove == 'function'){ 
      str.remove.call(this); 
      str.remove = false; 
     }   
    }); 

---

JAAulde может быть правильным. Следующий код вызывает функцию обратного вызова со всеми элементами .msg:

var $msgs = $('.msg').fadeOut(200, function(){ 
     $(this).remove(); 
     if(typeof str.remove == 'function'){ 
      str.remove.call($msgs); 
      str.remove = false; 
     }   
    }); 

Обратите внимание, что $('.msg') медленно (особенно в IE 7 и ниже) и не должны использоваться без тега. Причина заключается в том, что они не поддерживают document.querySelectorAll (как сказал Майк G)

Answer 2

Я предлагаю альтернативный путь: так как вы, возможно, придется использовать эту функцию еще раз позже я предпочитаю не отменяя функции, но называть его только один раз

var l = $('.msg').length; 
$('.msg').fadeOut(200, function(){ 
    $(this).remove(); 
    if((--l === 0) && typeof str.remove == 'function'){ 
     str.remove.call(this); 
    }   
}); 

если вы должны выполнять как функцию один раз просто написать

var l = $('.msg').length; 
$('.msg').fadeOut(200, function(){ 
    if (--l === 0) { 
     $(this).remove(); 
     if(typeof str.remove == 'function'){ 
      str.remove.call(this); 
     } 
    }   
}); 

Answer 3

Это должно сделать задачу:

var msgs = $('.msg').fadeOut(200); 
    msgs.promise().done(function(){ 
     msgs.remove(); 
     if(typeof str.remove == 'function'){ 
      str.remove.call(this); 
     }   
    }); 

См. http://api.jquery.com/fadeOut/#callback-function и http://api.jquery.com/promise/. Я не уверен, что this ссылается на сделанный обратный вызов, поэтому я сделал ссылку уверенной с дополнительной переменной.

Answer 4

Я использовал следующий фрагмент кода (поскольку Гомми указал мне на простое ложное утверждение).

$.plugin= { 
    clear: function(str){ 

     $('.msg').fadeOut(200, function(){ 
      $(this).remove(); 
      if(typeof str.remove == 'function'){ 
       str.remove.call(this); 
       str.remove = false; 
      }   
     }); 
    } 
}