如何将参数传递给jQuery UI的回调函数

Question

我有几个jQuery UI的对象，他们都有一个类似的回调：

$(function() { 
    $("#my_list").autocomplete({ 
     source: function(request, response) { 
      $.ajax({ 
       type: "POST", 
       url: "api", 
       data: { 
        term: request.term, 
       }, 
       success: response, 
       dataType: 'json', 
       minLength: 0, 
      }); 

     }, 
     minLength: 0, 
     select: function(event, ui) { 
       $('something').appendTo("#another_list"); 
      } 

     } 
    }); 
}); 

如果我可以通过“my_list”和“another_list”有作为参数，则代码会更干净。 这怎么办？

Answer 1

只是将该代码包装在函数中？

function initAutocomplete(list1, list2){ 
    $(list1).autocomplete({ 
     source: function(request, response) { 
      $.ajax({ 
       type: "POST", 
       url: "api", 
       data: { 
        term: request.term, 
       }, 
       success: response, 
       dataType: 'json', 
       minLength: 0, 
      }); 

     }, 
     minLength: 0, 
     select: function(event, ui) { 
       $('something').appendTo(list2); 
      } 

     } 
    }); 
} 

$(function(){ 
    initiAutocomplete('#my_list', '#another_list'); 
    initiAutocomplete('#my_second_list', '#another_list_part_deux'); 
});