.live() jQuery - как изменить мои события

Question

Как изменить эти события на .live() обработчик событий?

Я думал, что могу просто изменить $ (document) .ready (function() ... to .... $ (document) .live (function(), а также .keydown и .data для .live, но я не могу заставить его работать ... Помогите пожалуйста.

$(document).ready(function(){ 
       $('#number').bind('keyup change focus', function(){ 
         var field = this; 
         timer = setTimeout(function(){runSearch(field);}, 444);});      
       $('#number').keydown(function(){clearTimeout(timer);});     
       //url selection by specifics     
      $('#phone_book tr').data('bgcolor', '#aaf').hover(function(){ 
       var $this = $(this); 
       var newBgc = $(this).data('bgcolor'); 
      $(this).data('bgcolor', $(this).css('background-color')).css('background-color', newBgc); 
       }); 
       //url selection by specifics 
       $("#phone_book tr").click(function(){ 
         var id = $(this).children().first().html(); 
         var type = $(this).parents('table').siblings('div.module_header').html().toLowerCase(); 

Answer 1

Ниже приведен пример вашего кода с функцией .on.

$(document).ready(function(){ 
     $('#number').on('keyup change focus', function(){ 
      var field = this; 
      timer = setTimeout(function(){runSearch(field);}, 444);});      
      $('#number').keydown(function(){clearTimeout(timer);});     
       //url selection by specifics 

      $('#phone_book tr').data('bgcolor', '#aaf').hover(function(){ 
        var newBgc = $(this).data('bgcolor'); 
        $(this).data('bgcolor', $(this).css('background-color')).css('background-color', newBgc);}); 
       //url selection by specifics 
      $("#phone_book tr").on('click', function(){ 
        var id = $(this).children().first().html(); 
        var type = $(this).parents('table').siblings('div.module_header').html().toLowerCase(); 

Answer 2

изменение

.bind(... 

в

.on(... 

.live() на самом деле не рекомендуется.

Для них, как .keyup(), .keydown(), изменение тех .on ('KeyDown' ... и т.д.

Answer 3

Изменение .bind() для .live()

Keep в виду, что live() устарел в новых версиях jQuery, и вы должны использовать вместо него(). Некоторые из ваших событий могут также потребовать более старый метод delegate().

$('#number').live('keyup change focus', function(){ 
    var field = this; 
    timer = setTimeout(function(){runSearch(field);}, 444);});      
    $('body').delegate('#number', 'keydown', function(){clearTimeout(timer);});     
     //url selection by specifics     
     $('body').data('bgcolor', '#aaf').delegate('#phone_book tr', 'hover, function(){ 
      var $this = $(this); 
      var newBgc = $(this).data('bgcolor'); 
      $(this).data('bgcolor', $(this).css('background-color')).css('background-color', newBgc); 
    });